Release v2.2.0: Milestone - Human-Centric UI & Workflow Evolution
This commit is contained in:
g1nation
+23
-23
@@ -162,11 +162,11 @@
|
||||
<div class="map-section">
|
||||
<div class="map-section-head">
|
||||
<div>
|
||||
<div class="map-section-title">활성 에이전트 + 모델</div>
|
||||
<div class="map-section-hint">CEO는 항상 활성. 각 에이전트별로 모델을 따로 지정할 수 있습니다 — 다른 모델을 쓸 때만 LM Studio가 swap합니다.</div>
|
||||
<div class="map-section-title">AI 팀 구성</div>
|
||||
<div class="map-section-hint">이번 작업에 참여할 팀원을 고릅니다. 대표는 항상 참여하고, 모델·지식 반영은 필요할 때만 조정하세요.</div>
|
||||
</div>
|
||||
<div class="map-btn-group">
|
||||
<button class="secondary-btn" id="addCompanyAgentBtn" title="새 사용자 에이전트 추가">+ 에이전트 추가</button>
|
||||
<button class="secondary-btn" id="addCompanyAgentBtn" title="새 사용자 에이전트 추가">+ 팀원 추가</button>
|
||||
</div>
|
||||
</div>
|
||||
<ul id="companyAgentList" class="map-list company-agent-list"></ul>
|
||||
@@ -177,9 +177,9 @@
|
||||
(no separate modal) so the user can see existing agents while
|
||||
editing — easier to spot id collisions. -->
|
||||
<div id="addCompanyAgentForm" class="map-section company-agent-add-form" data-open="false">
|
||||
<div class="map-section-title" style="margin-bottom:8px;">새 에이전트 추가</div>
|
||||
<div class="map-section-title" style="margin-bottom:8px;">새 팀원 추가</div>
|
||||
<div class="company-agent-add-grid">
|
||||
<label class="field-label">ID (소문자/숫자/-/_, 예: marketer)
|
||||
<label class="field-label">내부 ID (고급 · 소문자/숫자/-/_, 예: marketer)
|
||||
<input type="text" id="newAgentId" placeholder="marketer" />
|
||||
</label>
|
||||
<label class="field-label">이름
|
||||
@@ -191,24 +191,24 @@
|
||||
<label class="field-label">이모지
|
||||
<input type="text" id="newAgentEmoji" placeholder="📣" maxlength="4" />
|
||||
</label>
|
||||
<label class="field-label">색상 (#hex)
|
||||
<label class="field-label">테마 색상 (#hex)
|
||||
<input type="text" id="newAgentColor" placeholder="#3B82F6" />
|
||||
</label>
|
||||
<label class="field-label" style="grid-column:1/-1;">직군 (담당 역할 분류)
|
||||
<label class="field-label" style="grid-column:1/-1;">역할 그룹
|
||||
<select id="newAgentRoleCategory"></select>
|
||||
</label>
|
||||
<label class="field-label" style="grid-column:1/-1;">한 줄 태그라인
|
||||
<input type="text" id="newAgentTagline" placeholder="브랜드 메시지·캠페인을 설계합니다" />
|
||||
</label>
|
||||
<label class="field-label" style="grid-column:1/-1;">전문 분야 (CEO가 매칭에 사용)
|
||||
<label class="field-label" style="grid-column:1/-1;">잘하는 일
|
||||
<textarea id="newAgentSpecialty" rows="2" placeholder="캠페인 기획, 메시지 설계, 채널 분석"></textarea>
|
||||
</label>
|
||||
<label class="field-label" style="grid-column:1/-1;">페르소나 (선택)
|
||||
<label class="field-label" style="grid-column:1/-1;">응답 스타일 (선택)
|
||||
<textarea id="newAgentPersona" rows="2" placeholder="데이터 기반·간결한 톤. 가설 검증 사이클을 좋아함."></textarea>
|
||||
</label>
|
||||
</div>
|
||||
<div class="editor-actions" style="margin-top:10px;">
|
||||
<button id="cancelAddAgentBtn">Cancel</button>
|
||||
<button id="cancelAddAgentBtn">취소</button>
|
||||
<button class="primary" id="saveAddAgentBtn">추가</button>
|
||||
</div>
|
||||
<div id="addAgentError" class="map-status" style="color:var(--error); margin-top:6px;"></div>
|
||||
@@ -220,33 +220,33 @@
|
||||
<div class="map-section">
|
||||
<div class="map-section-head">
|
||||
<div>
|
||||
<div class="map-section-title">워크 파이프라인</div>
|
||||
<div class="map-section-hint">CEO 자유 분배 대신 사용자가 정한 stage 순서대로 dispatch합니다. loop-back 정규식이 매칭되면 이전 stage로 되돌아갑니다 (최대 maxIterations 회).</div>
|
||||
<div class="map-section-title">작업 흐름</div>
|
||||
<div class="map-section-hint">대표에게 맡기거나, 사용자가 정한 순서대로 팀원이 이어서 작업하게 만듭니다.</div>
|
||||
</div>
|
||||
<div class="map-btn-group">
|
||||
<select id="pipelineTemplateSel" title="템플릿에서 새 파이프라인 만들기"
|
||||
<select id="pipelineTemplateSel" title="템플릿에서 새 작업 흐름 만들기"
|
||||
style="padding:3px 6px; font-size:10px; background:var(--surface); color:var(--text-primary); border:1px solid var(--border); border-radius:5px;">
|
||||
<option value="">📋 템플릿에서…</option>
|
||||
<option value="">템플릿으로 시작</option>
|
||||
</select>
|
||||
<button class="secondary-btn" id="addCompanyPipelineBtn" title="빈 파이프라인부터 시작">+ 빈 파이프라인</button>
|
||||
<button class="secondary-btn" id="addCompanyPipelineBtn" title="빈 작업 흐름부터 시작">+ 직접 만들기</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-row" style="margin-top:8px; gap:8px; align-items:center;">
|
||||
<label style="font-size:10px; color:var(--text-dim);">활성:</label>
|
||||
<label style="font-size:10px; color:var(--text-dim);">현재 흐름:</label>
|
||||
<select id="activePipelineSel" style="flex:1; padding:4px 8px; background:var(--bg); color:var(--text-primary); border:1px solid var(--border); border-radius:6px; font-size:11px;">
|
||||
<option value="">기본 (CEO 자유 분배)</option>
|
||||
<option value="">대표가 알아서 분배</option>
|
||||
</select>
|
||||
</div>
|
||||
<ul id="companyPipelineList" class="map-list" style="margin-top:8px;"></ul>
|
||||
</div>
|
||||
|
||||
<!-- Pipeline editor — 카드형 stage 에디터.
|
||||
각 stage는 직군 → 담당 cascading + 지시 텍스트 + 재시도 옵션을
|
||||
<!-- Pipeline editor — 카드형 단계 에디터.
|
||||
각 단계는 역할 그룹 → 담당 cascading + 지시 텍스트 + 재시도 옵션을
|
||||
가진 카드 한 장으로 표현. JSON 직접 편집은 더 이상 불필요. -->
|
||||
<div id="pipelineEditForm" class="map-section company-agent-add-form" data-open="false">
|
||||
<div class="map-section-title" style="margin-bottom:8px;">파이프라인 편집</div>
|
||||
<div class="map-section-title" style="margin-bottom:8px;">작업 흐름 편집</div>
|
||||
<div class="company-agent-add-grid">
|
||||
<label class="field-label">ID (한 번 정하면 변경 불가)
|
||||
<label class="field-label">내부 ID (고급 · 한 번 정하면 변경 불가)
|
||||
<input type="text" id="pipelineEditId" placeholder="product-dev-v1" />
|
||||
</label>
|
||||
<label class="field-label">이름
|
||||
@@ -254,12 +254,12 @@
|
||||
</label>
|
||||
</div>
|
||||
<div style="display:flex; justify-content:space-between; align-items:center; margin-top:12px; margin-bottom:6px;">
|
||||
<div style="font-size:11px; font-weight:700; color:var(--text-bright);">단계 (Stages)</div>
|
||||
<div style="font-size:11px; font-weight:700; color:var(--text-bright);">작업 단계</div>
|
||||
<button class="secondary-btn" id="addStageBtn" style="font-size:10px; padding:3px 8px;">+ 단계 추가</button>
|
||||
</div>
|
||||
<ul id="pipelineStageList" class="pipeline-stage-list"></ul>
|
||||
<div class="editor-actions" style="margin-top:10px;">
|
||||
<button id="cancelPipelineEditBtn">Cancel</button>
|
||||
<button id="cancelPipelineEditBtn">취소</button>
|
||||
<button class="primary" id="savePipelineEditBtn">저장</button>
|
||||
</div>
|
||||
<div id="pipelineEditError" class="map-status" style="color:var(--error); margin-top:6px;"></div>
|
||||
|
||||
Reference in New Issue
Block a user