kangwan/20260512-skg-tk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: enlarge generation composer controls

Browse Source
This commit is contained in:
kang
2026-05-20 22:21:32 +08:00
parent fc06816483
commit e1e9bf8ca1
2 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/source-analysis.html
View File

@@ -1140,8 +1140,8 @@ ProductRefStateItem {
</header>
<div class="body">
<p><strong>问题：</strong>“当前要求”、保留元素副本和对话记录计数重复表达了识别结果和确认弹窗里的信息，增加了转换层噪音。</p>
<p><strong>改动：</strong>删除生成要求区内的摘要卡、保留元素副本和“对话记录已收起”提示；该区域只保留文本输入、张数控件和发送按钮，待确认 prompt 仍通过标题右侧小入口和固定弹窗处理。</p>
<p><strong>影响：</strong>转换层更像对话式生图输入区，保留元素只在识别结果 chip 中管理，确认出图流程不变。</p>
<p><strong>改动：</strong>删除生成要求区内的摘要卡、保留元素副本和“对话记录已收起”提示；该区域只保留文本输入、张数控件和发送按钮；文本输入高度提升到 112px，张数步进和发送按钮提升到 40px，待确认 prompt 仍通过标题右侧小入口和固定弹窗处理。</p>
<p><strong>影响：</strong>转换层更像对话式生图输入区，输入框和底部操作区更适合直接书写生成要求，保留元素只在识别结果 chip 中管理，确认出图流程不变。</p>
</div>
</article>
<article class="change">

24
web/components/ad-recreation-board.tsx
View File

@@ -4221,26 +4221,26 @@ function SourceSubjectPipeline({
</span>
)}
</div>
<div className="rounded-md border border-white/10 bg-black/35 p-1.5">
<div className="rounded-md border border-white/10 bg-black/35 p-2">
<textarea
value={agentInput}
onChange={(event) => setAgentInput(event.target.value)}
placeholder="直接写要怎么生成，或补充要改什么。"
className="h-[72px] w-full resize-none rounded border border-transparent bg-transparent px-1 py-1 text-[10.5px] leading-snug text-white outline-none transition placeholder:text-white/24 focus:border-cyan-200/45"
className="h-28 w-full resize-none rounded border border-transparent bg-transparent px-2 py-2 text-[11px] leading-relaxed text-white outline-none transition placeholder:text-white/24 focus:border-cyan-200/45"
/>
<div className="mt-1 flex items-center gap-1.5">
<div className="flex h-8 shrink-0 items-center overflow-hidden rounded-md border border-white/10 bg-black/35">
<div className="mt-2 flex items-center gap-2">
<div className="flex h-10 shrink-0 items-center overflow-hidden rounded-md border border-white/10 bg-black/35">
<button
type="button"
onClick={() => setAgentQuantity((current) => clampNumber(current - 1, 1, 10))}
disabled={agentQuantity <= 1 || !!subjectAgentBusy}
className="inline-flex h-full w-7 items-center justify-center text-white/48 transition hover:bg-white/[0.06] hover:text-white/78 disabled:cursor-not-allowed disabled:opacity-30"
className="inline-flex h-full w-9 items-center justify-center text-white/48 transition hover:bg-white/[0.06] hover:text-white/78 disabled:cursor-not-allowed disabled:opacity-30"
title="减少生成数量"
aria-label="减少生成数量"
>
<Minus className="h-3.5 w-3.5" />
<Minus className="h-4 w-4" />
</button>
<label className="flex h-full items-center gap-1 border-x border-white/10 px-1.5 text-[9px] text-white/38">
<label className="flex h-full items-center gap-1.5 border-x border-white/10 px-2 text-[10px] text-white/42">
<span>张数</span>
<input
type="number"
@@ -4253,27 +4253,27 @@ function SourceSubjectPipeline({
setAgentQuantity(Number.isFinite(next) ? clampNumber(next, 1, 10) : 6)
}}
disabled={!!subjectAgentBusy}
className="h-6 w-8 bg-transparent text-center text-[10px] font-semibold text-white outline-none disabled:opacity-45"
className="h-8 w-10 bg-transparent text-center text-[11px] font-semibold text-white outline-none disabled:opacity-45"
/>
</label>
<button
type="button"
onClick={() => setAgentQuantity((current) => clampNumber(current + 1, 1, 10))}
disabled={agentQuantity >= 10 || !!subjectAgentBusy}
className="inline-flex h-full w-7 items-center justify-center text-white/48 transition hover:bg-white/[0.06] hover:text-white/78 disabled:cursor-not-allowed disabled:opacity-30"
className="inline-flex h-full w-9 items-center justify-center text-white/48 transition hover:bg-white/[0.06] hover:text-white/78 disabled:cursor-not-allowed disabled:opacity-30"
title="增加生成数量"
aria-label="增加生成数量"
>
<Plus className="h-3.5 w-3.5" />
<Plus className="h-4 w-4" />
</button>
</div>
<button
type="button"
onClick={() => void sendSubjectAgentRequirement()}
disabled={!!subjectAgentBusy || (!agentInput.trim() && !agentRequirement.trim() && !selectedAgentTraits.length && !agentSelectedTraitsDirty)}
className="skg-primary-action inline-flex h-8 flex-1 items-center justify-center gap-1.5 px-2 text-[10.5px] font-semibold transition disabled:cursor-not-allowed disabled:opacity-40"
className="skg-primary-action inline-flex h-10 flex-1 items-center justify-center gap-2 px-3 text-[11.5px] font-semibold transition disabled:cursor-not-allowed disabled:opacity-40"
>
{subjectAgentBusy === "message" ? <Loader2 className="h-3.5 w-3.5 animate-spin" /> : <Send className="h-3.5 w-3.5" />}
{subjectAgentBusy === "message" ? <Loader2 className="h-4 w-4 animate-spin" /> : <Send className="h-4 w-4" />}
发送消息
</button>
</div>