- default-interactive@1 model: claude-haiku-4-5 → deepseek/deepseek-chat (input $0.28/$1.12 per 1M; haiku 대비 ~75% 절감). fallback 은 haiku 로 swap. - conversation textarea keydown: - Enter → 전송 (IME composition 중이면 무시) - Shift+Enter → 줄바꿈 - Cmd/Ctrl+Enter → 전송 (백워드 호환) - Placeholder 안내 갱신. - conversation top-bar 에 model pill 추가 (#session-model-pill) — 현재 세션의 활성 model 을 monospace badge 로 표시. 헷갈리던 "어느 모델인가?" 해소. - style.css 에 .conv-model-pill (회색 pill). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
54 lines
2.0 KiB
HTML
54 lines
2.0 KiB
HTML
<!doctype html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<title>my-deepagent · 대화</title>
|
|
<link rel="stylesheet" href="/static/style.css" />
|
|
</head>
|
|
<body data-page="conversation">
|
|
<header>
|
|
<h1><a href="/">my-deepagent</a></h1>
|
|
<nav>
|
|
<a href="/" class="nav-primary">세션 목록</a>
|
|
<a href="/conversation.html" class="active nav-primary">대화</a>
|
|
<a href="/runs.html" class="nav-secondary">Runs</a>
|
|
<a href="/new.html" class="nav-secondary">워크플로우 실행</a>
|
|
</nav>
|
|
</header>
|
|
<main class="conversation-main">
|
|
<div id="error" class="error-banner" style="display:none"></div>
|
|
|
|
<!-- Top bar: session picker + new conversation button -->
|
|
<div class="conv-topbar">
|
|
<label for="session-picker" class="conv-label">세션</label>
|
|
<select id="session-picker" class="conv-picker">
|
|
<option value="">(세션 선택…)</option>
|
|
</select>
|
|
<button id="new-session-btn" type="button" class="conv-action-btn">새 대화</button>
|
|
<span class="conv-model-pill" id="session-model-pill" title="이 세션의 활성 모델"></span>
|
|
<span class="conv-session-state" id="session-state-pill"></span>
|
|
</div>
|
|
|
|
<!-- Message thread -->
|
|
<div id="messages" class="messages-thread">
|
|
<div class="conv-empty" id="conv-empty">대화를 시작하려면 위에서 세션을 선택하거나 "새 대화"를 누르세요.</div>
|
|
</div>
|
|
|
|
<!-- Input bar -->
|
|
<form id="message-form" class="conv-input-bar">
|
|
<textarea
|
|
id="message-input"
|
|
rows="2"
|
|
placeholder="메시지를 입력하세요… (Enter 전송, Shift+Enter 줄바꿈)"
|
|
autocomplete="off"
|
|
disabled
|
|
></textarea>
|
|
<button id="send-btn" type="submit" disabled>전송</button>
|
|
<button id="abort-btn" type="button" disabled style="display:none">⏹ 중단</button>
|
|
</form>
|
|
</main>
|
|
<script src="/static/app.js"></script>
|
|
</body>
|
|
</html>
|