ddCatandCursor
6892732b06
将计划清单、运行中插话和个人记忆接入云端 Agent；全站模型选择器统一为左右二级菜单。画布摘要按预算截断不再整轮拒绝，首页视频未知宽高可入库。README 补充贡献者 morrow。 Co-authored-by: Cursor <cursoragent@cursor.com>
52 lines
3.8 KiB
TypeScript
52 lines
3.8 KiB
TypeScript
import { useMemo } from "react";
|
|
import { ImageSettingsPanel } from "@/components/image-settings-panel";
|
|
import { ModelPicker } from "@/components/model-picker";
|
|
import type { CanvasTheme } from "@/lib/canvas-theme";
|
|
import { agentApprovalModel, agentApprovalModelSelection, type AgentImageApproval } from "@/lib/canvas/agent-media-approval";
|
|
import { modelCapabilityConfigFor, normalizeImageValue } from "@/lib/model-capabilities";
|
|
import { resolveCompatibleModel, type ModelRequirements } from "@/lib/model-selection";
|
|
import type { AgentMediaSettings } from "@/services/api/agent";
|
|
import { PUBLIC_MODEL_CATALOG_ID, useEffectiveConfig } from "@/stores/use-config-store";
|
|
|
|
export function CanvasAgentImageApprovalSettings({ initial, value, onChange, theme, disabled }: {
|
|
initial: AgentImageApproval;
|
|
value?: AgentMediaSettings;
|
|
onChange: (value: AgentMediaSettings) => void;
|
|
theme: CanvasTheme;
|
|
disabled: boolean;
|
|
}) {
|
|
const effective = useEffectiveConfig();
|
|
const config = useMemo(() => ({ ...effective, channels: effective.channels.filter((channel) => channel.scope === "system" || channel.id === PUBLIC_MODEL_CATALOG_ID) }), [effective]);
|
|
const settings = value || initial;
|
|
const model = agentApprovalModel(config, settings);
|
|
const requirements: ModelRequirements = {
|
|
capability: "image",
|
|
input: { textCount: 1, imageCount: initial.referenceNodeIds.length, videoCount: 0, audioCount: 0, characterCount: 0 },
|
|
imageSize: settings.size,
|
|
options: { size: settings.size, ...(settings.quality ? { quality: settings.quality } : {}), count: 1 },
|
|
};
|
|
const changeModel = (next: string) => {
|
|
if (disabled) return;
|
|
const profile = modelCapabilityConfigFor(config, next).image;
|
|
if (!profile) return;
|
|
const normalized = normalizeImageValue(profile, settings);
|
|
onChange({ ...agentApprovalModelSelection(config, next), size: normalized.size, quality: profile.quality.supported ? normalized.quality : "" });
|
|
};
|
|
const changeOption = (key: "quality" | "size" | "transparentBackground" | "count", next: string) => {
|
|
if (disabled || (key !== "size" && key !== "quality")) return;
|
|
const options = { size: settings.size, quality: settings.quality, [key]: next };
|
|
const selected = resolveCompatibleModel(config, model, { ...requirements, imageSize: options.size, options: { ...options, count: 1 } });
|
|
if (!selected) return;
|
|
onChange({ ...agentApprovalModelSelection(config, selected), ...options });
|
|
};
|
|
return <fieldset disabled={disabled} className="min-w-0 space-y-3 border-0 p-0" data-canvas-no-zoom data-canvas-wheel-scroll aria-label="图片生成设置">
|
|
<div className="space-y-1.5">
|
|
<div className="text-xs" style={{ color: theme.node.muted }}>生成模型</div>
|
|
<ModelPicker config={config} capability="image" value={model} onChange={changeModel} requirements={requirements} variant="creation" fullWidth showOptionPrices placeholder="选择生成模型" popoverClassName="agent-model-picker-popover" />
|
|
</div>
|
|
{model ? <ImageSettingsPanel config={{ ...config, model, imageModel: model, size: settings.size, quality: settings.quality, count: "1" }} onConfigChange={changeOption} theme={theme} showTitle={false} showCount={false} showTransparent={false} className="min-w-0 space-y-3" /> : <p className="text-xs" style={{ color: theme.node.muted }}>当前模型不在可选目录中，可重新选择；提交时将重新校验模型与规格。</p>}
|
|
<p className="text-xs" style={{ color: theme.node.text }}>本次规格：{settings.size}{settings.quality ? ` · ${settings.quality}` : ""}</p>
|
|
<p className="text-xs" style={{ color: theme.node.muted }}>修改仅用于本次生成，费用按最终模型和规格计算。</p>
|
|
</fieldset>;
|
|
}
|