140 lines
7.1 KiB
HTML
140 lines
7.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Writing Agent</title>
|
|
<link rel="stylesheet" href="/styles.css" />
|
|
</head>
|
|
<body data-lifecycle="design">
|
|
<div class="layout">
|
|
<aside class="panel panel-books" id="panel-books">
|
|
<header class="panel-head">
|
|
<strong>作品</strong>
|
|
<div class="panel-head-actions">
|
|
<button type="button" class="btn-sm" id="btn-new-book" title="新建">+</button>
|
|
</div>
|
|
</header>
|
|
<nav class="path-bar" id="book-path-bar" aria-label="作品路径"></nav>
|
|
<div class="book-list" id="book-list"></div>
|
|
<div id="book-box-overlay" class="book-box-overlay" hidden aria-hidden="true"></div>
|
|
</aside>
|
|
|
|
<main class="panel panel-main">
|
|
<header class="main-head" id="main-head">
|
|
<div class="main-head-left">
|
|
<h1 class="work-title" id="work-title">未打开作品</h1>
|
|
<span class="work-meta" id="work-meta"></span>
|
|
</div>
|
|
<div class="main-head-center">
|
|
<div class="lifecycle-toggle" id="lifecycle-toggle" role="group" aria-label="创作 / 游玩">
|
|
<button type="button" class="lifecycle-btn active" data-stage="design">创作</button>
|
|
<button type="button" class="lifecycle-btn" data-stage="play" disabled>游玩</button>
|
|
</div>
|
|
</div>
|
|
<div class="main-head-right">
|
|
<a class="link" href="/modules.html">能力</a>
|
|
<a class="link" href="/stats.html">Token</a>
|
|
<a class="link" href="/settings.html">设置</a>
|
|
<button type="button" class="btn-sm" id="btn-save-instance" hidden>保存定稿</button>
|
|
<button type="button" class="btn-sm" id="btn-save-play" hidden>保存游玩</button>
|
|
<button type="button" class="btn-sm" id="btn-export" disabled>导出</button>
|
|
<span class="status" id="status-pill"><span class="status-dot" id="status-dot"></span><span id="status-text">—</span></span>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="main-body">
|
|
<section class="panel-feed" id="panel-feed">
|
|
<div id="skill-picker" class="skill-picker" hidden></div>
|
|
<div id="message-feed" class="message-feed">
|
|
<p class="empty">点击左侧 + 新建作品</p>
|
|
</div>
|
|
<div id="questions-card-host" class="questions-card-host" hidden></div>
|
|
</section>
|
|
|
|
<aside class="panel-agent" id="panel-agent">
|
|
<header class="panel-head">
|
|
<strong>Agent</strong>
|
|
<span class="burst-badge" id="burst-badge" hidden></span>
|
|
</header>
|
|
<div id="agent-focus" class="agent-focus"></div>
|
|
<div id="tool-trace" class="tool-trace" hidden></div>
|
|
<nav class="agent-tabs" id="agent-tabs" role="tablist">
|
|
<button type="button" class="agent-tab active" data-tab="timeline" role="tab">历史</button>
|
|
<button type="button" class="agent-tab" data-tab="review" role="tab" id="agent-tab-btn-review" hidden>验收</button>
|
|
<button type="button" class="agent-tab" data-tab="progress" role="tab" id="agent-tab-btn-progress" hidden>设计</button>
|
|
<button type="button" class="agent-tab" data-tab="board" role="tab" id="agent-tab-btn-board">上下文</button>
|
|
</nav>
|
|
<div class="agent-tab-panel active" id="agent-panel-timeline" role="tabpanel">
|
|
<div id="agent-timeline" class="agent-timeline"></div>
|
|
</div>
|
|
<div class="agent-tab-panel" id="agent-panel-review" role="tabpanel" hidden>
|
|
<div id="review-artifact-panel" class="review-artifact-panel"></div>
|
|
</div>
|
|
<div class="agent-tab-panel" id="agent-panel-progress" role="tabpanel" hidden>
|
|
<div id="worker-set-user-panel" class="worker-set-user-panel"></div>
|
|
<div id="skill-guide-list" class="skill-guide-list"></div>
|
|
</div>
|
|
<div class="agent-tab-panel" id="agent-panel-board" role="tabpanel" hidden>
|
|
<div id="board-panel" class="board-panel"></div>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
|
|
<footer class="composer" id="composer"></footer>
|
|
</main>
|
|
</div>
|
|
|
|
<dialog id="dialog-new-book" class="dialog">
|
|
<form method="dialog" id="form-new-book">
|
|
<h2>新建作品</h2>
|
|
<p class="dialog-desc">选择导演，再起名。导演是本局方法起点，之后按对话谈成剧本（可调味）。</p>
|
|
<label class="field">
|
|
导演
|
|
<select id="select-director" required>
|
|
<option value="">加载中…</option>
|
|
</select>
|
|
</label>
|
|
<p class="dialog-desc" id="director-desc" hidden></p>
|
|
<label class="field">
|
|
名称
|
|
<input id="input-book-title" type="text" placeholder="未命名作品" maxlength="80" autofocus />
|
|
</label>
|
|
<div class="dialog-actions">
|
|
<button type="button" class="btn" value="cancel" id="btn-cancel-new">取消</button>
|
|
<button type="submit" class="btn btn-primary" id="btn-create-book">创建</button>
|
|
</div>
|
|
</form>
|
|
</dialog>
|
|
|
|
<menu id="book-action-menu" class="context-menu" hidden>
|
|
<button type="button" class="context-menu-item" id="book-menu-open" data-action="open">打开</button>
|
|
<button type="button" class="context-menu-item" id="book-menu-rename" data-action="rename">重命名</button>
|
|
<button type="button" class="context-menu-item" id="book-menu-duplicate" data-action="duplicate">复制备份</button>
|
|
<button type="button" class="context-menu-item" id="book-menu-select" data-action="select-mode">多选</button>
|
|
<button type="button" class="context-menu-item context-menu-danger" id="book-menu-delete" data-action="delete">删除</button>
|
|
</menu>
|
|
|
|
<menu id="msg-action-menu" class="context-menu" hidden>
|
|
<button type="button" class="context-menu-item" id="msg-menu-context" data-msg-menu-action="view-context" hidden>查看上下文</button>
|
|
<button type="button" class="context-menu-item" id="msg-menu-edit" data-msg-menu-action="edit">编辑</button>
|
|
<button type="button" class="context-menu-item" id="msg-menu-copy" data-msg-menu-action="copy">复制</button>
|
|
<button type="button" class="context-menu-item context-menu-danger" id="msg-menu-delete" data-msg-menu-action="delete">删除</button>
|
|
</menu>
|
|
|
|
<dialog id="dialog-context-trace" class="dialog dialog-wide">
|
|
<form method="dialog" class="context-trace-form">
|
|
<h2>请求上下文</h2>
|
|
<p class="dialog-desc" id="context-trace-meta"></p>
|
|
<pre id="context-trace-body" class="context-trace-body"></pre>
|
|
<div class="dialog-actions">
|
|
<button type="button" class="btn" id="btn-copy-context">复制全文</button>
|
|
<button type="submit" class="btn btn-primary" value="close">关闭</button>
|
|
</div>
|
|
</form>
|
|
</dialog>
|
|
|
|
<script type="module" src="/app.js"></script>
|
|
</body>
|
|
</html>
|