@ykurilov/agent-chat-react 0.70.1 → 0.71.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @ykurilov/agent-chat-react
 
+## 0.71.0
+
+### Minor Changes
+
+- 8b8c651: Три вида поля Одуванчик: сжатое, обычное и расширенное. Настройки модели/провайдера/рассуждений из каталога, цена и метки, инструменты приложения, шторка телефона. Сфера и токены из опубликованных ds-react/ds-tokens. Необязательный договор скина v29, сохранение уровня ответа для подписи в истории.
+
 ## 0.70.1
 
 No changes in this release.

package/dist/{chunk-Z7X5D4OF.js → chunk-W5VBPNFF.js}

@@ -367,6 +367,7 @@ var russianLabels = {
   notices: russianNotices,
   messengerStatus: russianMessengerStatus,
   workView: russianWorkView,
+  composerSettings: { levels: { off: "\u0412\u044B\u043A\u043B", on: "\u0412\u043A\u043B", minimal: "\u041C\u0438\u043D\u0438\u043C\u0443\u043C", low: "\u041D\u0438\u0437\u043A\u043E", medium: "\u0421\u0440\u0435\u0434\u043D\u0435", high: "\u0412\u044B\u0441\u043E\u043A\u043E", max: "\u041C\u0430\u043A\u0441\u0438\u043C\u0443\u043C" }, model: "\u041C\u043E\u0434\u0435\u043B\u044C", reasoning: "\u0420\u0430\u0441\u0441\u0443\u0436\u0434\u0435\u043D\u0438\u044F", tools: "\u0418\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u044B", settings: "\u041D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 \u043E\u0442\u0432\u0435\u0442\u0430", done: "\u0413\u043E\u0442\u043E\u0432\u043E", via: "\u0427\u0435\u0440\u0435\u0437", search: "\u041D\u0430\u0439\u0442\u0438 \u043C\u043E\u0434\u0435\u043B\u044C", showReasoning: "\u041F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C \u0445\u043E\u0434 \u043C\u044B\u0441\u043B\u0438", project: "\u041F\u0440\u043E\u0435\u043A\u0442", file: "\u0424\u0430\u0439\u043B", image: "\u041A\u0430\u0440\u0442\u0438\u043D\u043A\u0430", textModels: "\u0422\u0435\u043A\u0441\u0442\u043E\u0432\u044B\u0435 \u0437\u0430\u0434\u0430\u0447\u0438", imageModels: "\u0422\u0435\u043A\u0441\u0442 \u0438 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F", models: "\u041C\u043E\u0434\u0435\u043B\u0438", noResults: "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E", price: "USD \u0437\u0430 \u043C\u0438\u043B\u043B\u0438\u043E\u043D \u0442\u043E\u043A\u0435\u043D\u043E\u0432", input: "\u0432\u0445\u043E\u0434", output: "\u0432\u044B\u0445\u043E\u0434" },
   composerPlaceholder: "\u041D\u0430\u043F\u0438\u0448\u0438\u0442\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435",
   composerLabel: "\u0421\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435",
   send: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C",
@@ -683,6 +684,7 @@ var englishLabels = {
   locale: "en",
   ...englishWorkLabels,
   workView: englishWorkViewLabels,
+  composerSettings: { levels: { off: "Off", on: "On", minimal: "Minimal", low: "Low", medium: "Medium", high: "High", max: "Max" }, model: "Model", reasoning: "Reasoning", tools: "Tools", settings: "Response settings", done: "Done", via: "Via", search: "Find model", showReasoning: "Show reasoning", project: "Project", file: "File", image: "Image", textModels: "Text tasks", imageModels: "Text and images", models: "Models", noResults: "No results", price: "USD per million tokens", input: "input", output: "output" },
   composerPlaceholder: "Write a message",
   composerLabel: "Message",
   send: "Send",
@@ -961,6 +963,7 @@ function ChatLabelsProvider({ labels, children }) {
   const resolved = useMemo(
     () => ({
       ...labels,
+      composerSettings: { ...(labels.locale?.startsWith("en") ? englishLabels : russianLabels).composerSettings, ...labels.composerSettings },
       externalImageLink: labels.externalImageLink ?? russianLabels.externalImageLink,
       answerCutByLength: labels.answerCutByLength ?? russianLabels.answerCutByLength,
       answerEdited: labels.answerEdited ?? russianLabels.answerEdited,
@@ -3886,6 +3889,10 @@ function useModelChoice({ api, chatId, savedChoice, savedChoicePending = false,
           models: provider.models.map((model) => ({
             id: model.id,
             name: model.displayName,
+            ...model.group !== void 0 && { group: model.group },
+            ...model.description !== void 0 && { description: model.description },
+            ...model.tags !== void 0 && { tags: model.tags },
+            ...model.price !== void 0 && { price: model.price },
             ...typeof model.acceptsImages === "boolean" && { acceptsImages: model.acceptsImages }
           }))
         })),
@@ -5784,7 +5791,8 @@ function workLayoutOf(entries, { streaming, phrases, labels, thoughts = false })
     }
     if (streaming && lastStep > lastShown) {
       const live = liveStepOf(group, phrases, labels);
-      layout.push({ kind: "live", key, phrase: labels.live(live.phrase), icon: live.icon });
+      const completed = doneLinesOf((thoughts ? group : group.filter((step) => step.kind === "tool")).filter((step) => step.kind === "tool" && step.call.state !== "running"), phrases, labels, false).items;
+      layout.push({ kind: "live", key, phrase: labels.live(live.phrase), icon: live.icon, ...completed.length > 0 && { completed } });
     } else {
       const done = doneLinesOf(thoughts ? group : group.filter((step) => step.kind === "tool"), phrases, labels, !streaming);
       if (done.count > 0) layout.push({ kind: "done", key, ...done });
@@ -5846,7 +5854,7 @@ function WorkStepsPart({
   const labels = useChatLabels();
   const [open, setOpen] = usePartOpen(expanded, `${item.key}:work`);
   if (skin.WorkSteps) {
-    return item.kind === "live" ? /* @__PURE__ */ jsx8(skin.WorkSteps, { state: "live", phrase: item.phrase, icon: item.icon }) : /* @__PURE__ */ jsx8(
+    return item.kind === "live" ? /* @__PURE__ */ jsx8(skin.WorkSteps, { state: "live", phrase: item.phrase, icon: item.icon, ...item.completed && { completed: item.completed } }) : /* @__PURE__ */ jsx8(
       skin.WorkSteps,
       {
         state: "done",
@@ -5881,7 +5889,7 @@ function SubjectAgentChat(props) {
   if (found.state === "failed") return /* @__PURE__ */ jsx9(props.skin.ErrorNotice, { kind: "other", onRetry: found.retry });
   return /* @__PURE__ */ jsx9(SubjectChatLoading, { skin: props.skin });
 }
-function AgentChatBody({ api, chatId, skin, liveness, voice, voiceDialog, attachments: attachmentsPlugin, spendingLimits, onBusyChange, appBridge, initialDraft, answerEditing, onFeedChange, messageActions, onTurnFinished, onTurnRefused, composerActions, onAppEvent, onChatAccessChange, onStateChange, onModelChosen, onChatUnavailable, reloadKey, steering, widgets, diagrams, liveDemos, images, videos, appEvents, workView, stepPhrases, noticeLines }) {
+function AgentChatBody({ composerOptions, api, chatId, skin, liveness, voice, voiceDialog, attachments: attachmentsPlugin, spendingLimits, onBusyChange, appBridge, initialDraft, answerEditing, onFeedChange, messageActions, onTurnFinished, onTurnRefused, composerActions, onAppEvent, onChatAccessChange, onStateChange, onModelChosen, onChatUnavailable, reloadKey, steering, widgets, diagrams, liveDemos, images, videos, appEvents, workView, stepPhrases, noticeLines, answerDetails }) {
   const spendingNoticeId = useId2();
   const closedNoticeId = useId2();
   const chat = useAgentChat({
@@ -5913,8 +5921,17 @@ function AgentChatBody({ api, chatId, skin, liveness, voice, voiceDialog, attach
   const attachments = attachmentsPlugin?.useController({ api, chatId, modelSeesImages: chatModelSeesImages });
   const describeFiles = attachments?.describe;
   const imageClients = useSameList(imageClientsOf(images));
+  const [localReasoningVisible, setLocalReasoningVisible] = useState18(true);
+  const showReasoning = composerOptions?.reasoningVisibility?.value ?? localReasoningVisible;
+  const effectiveComposerOptions = useMemo16(() => ({ ...composerOptions, reasoningVisibility: composerOptions?.reasoningVisibility ?? { value: showReasoning, onChange: setLocalReasoningVisible } }), [composerOptions, showReasoning]);
+  const showAnswerDetails = answerDetails ?? composerOptions?.variant === "extended";
+  const answerNamesKey = showAnswerDetails ? JSON.stringify(modelChoice.providers.map(({ id, name, models }) => ({ id, name, models: models.map(({ id: id2, name: name2 }) => ({ id: id2, name: name2 })) }))) : "";
+  const answerModelNames = useMemo16(() => answerNamesKey ? JSON.parse(answerNamesKey) : void 0, [answerNamesKey]);
   const extensions = useMemo16(
     () => ({
+      reasoningVisible: showReasoning,
+      answerDetails: showAnswerDetails,
+      ...answerModelNames && { modelNames: answerModelNames },
       ...widgets && { widgets },
       ...diagrams && { diagrams },
       ...liveDemos && { liveDemos },
@@ -5925,7 +5942,7 @@ function AgentChatBody({ api, chatId, skin, liveness, voice, voiceDialog, attach
       ...stepPhrases && { stepPhrases },
       ...noticeLines && { noticeLines }
     }),
-    [widgets, diagrams, liveDemos, imageClients, videos, appEvents, workView, stepPhrases, noticeLines]
+    [widgets, diagrams, liveDemos, imageClients, videos, appEvents, workView, stepPhrases, noticeLines, showReasoning, showAnswerDetails, answerModelNames]
   );
   const scrollRef = useRef17(null);
   const feedRef = useRef17(null);
@@ -6301,6 +6318,7 @@ ${text}` : text),
       composer: /* @__PURE__ */ jsx9(
         skin.Composer,
         {
+          options: effectiveComposerOptions,
           value: chat.value,
           onValueChange: chat.setValue,
           onSubmit: submitComposer,
@@ -6496,6 +6514,7 @@ var AgentAnswer = memo4(function AgentAnswer2({
     const imagesView = isToolUIPart3(part) ? describeImages?.(part) : void 0;
     const videoView = isToolUIPart3(part) && extensions.videos && getToolName5(part) === extensions.videos.toolName ? extensions.videos.describe(part) : void 0;
     if (part.type === "reasoning") {
+      if (extensions.reasoningVisible === false) return;
       const ordinal = String(reasoningIndex++);
       const streaming = part.state === "streaming";
       const durationMs = streaming ? null : durations[ordinal] ?? null;
@@ -6631,9 +6650,12 @@ var AgentAnswer = memo4(function AgentAnswer2({
   }));
   const errorText = status === "error" ? customErrorText(labels, message.metadata?.error) : void 0;
   const notice = status === "error" ? /* @__PURE__ */ jsx9(skin.ErrorNotice, { kind: message.metadata?.error?.kind ?? "other", ...errorText !== void 0 && { text: errorText }, ...onRetry && { onRetry } }) : void 0;
+  const answerProvider = extensions.modelNames?.find((provider) => provider.id === message.metadata?.providerId);
+  const answerModel = answerProvider?.models.find((model) => model.id === message.metadata?.modelId);
   return /* @__PURE__ */ jsx9(ThinkingClockProvider, { id: message.id, waiting: status === "streaming", children: /* @__PURE__ */ jsxs(
     skin.AgentMessage,
     {
+      ...extensions.answerDetails && message.metadata?.modelId && message.metadata?.providerId && { modelDetails: { modelId: message.metadata.modelId, providerId: message.metadata.providerId, ...answerProvider && { providerName: answerProvider.name }, ...answerModel && { modelName: answerModel.name }, ...message.metadata.reasoningLevel !== void 0 && { reasoning: message.metadata.reasoningLevel } } },
       status,
       empty: !steered && status !== "streaming" && status !== "awaiting_approval" && text.trim().length === 0,
       onCopy: () => void navigator.clipboard?.writeText(text),
@@ -7172,4 +7194,4 @@ export {
   activeChatTitle,
   useWorkspaceListSync
 };
-//# sourceMappingURL=chunk-Z7X5D4OF.js.map
+//# sourceMappingURL=chunk-W5VBPNFF.js.map