@ykurilov/agent-chat-react 0.73.0 → 0.75.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @ykurilov/agent-chat-react
 
+## 0.75.0
+
+### Minor Changes
+
+- dfb9869: Необязательные `AgentChat.header` и `AgentChat.completion`: приложение задаёт шапку и свой итог. Итог появляется после успешно загруженной истории, когда ход свободен, скрывает поле без сброса черновика и не меняет серверное состояние. Во время ответа или активного голосового ввода управление остановкой доступно. Новые слоты Layout описаны в договоре скина 31.
+  
+  В «Одуванчике» общая колонка DS 730px для шапки, переписки и поля; действия видны при наведении/фокусе и всегда на touch; поле 26–160px и круглые кнопки 40px. Используются готовые ChatHeader/ChatProgress/CompletionCard из DS, без копирования компонентов. Явный Тандем поддерживает необязательные слоты в своём оформлении.
+  
+  ### Как обновить приложение
+  
+  Обновите используемые пакеты SDK одной версией. Скин «Одуванчик» использует ds-react ^0.3.0 и ds-tokens ^0.2.0, отдельного CSS-импорта сверх CSS скина не требуется. Для прямых импортов ChatProgress/CompletionCard добавьте в зависимости приложения `@ykurilov/ds-react ^0.3.0`, `@ykurilov/ds-tokens ^0.2.0` и `@phosphor-icons/react ^2.1.10`. Новые свойства необязательны. Приложение передаёт `header={{ title, aside }}` и `completion={<CompletionCard .../>}`; снятие `completion` возвращает поле с прежним черновиком. Слова, статусы и действия принадлежат приложению; английские имена статусов задайте через `statusNames`. Без новых свойств дополнительных действий нет. Для собственного скина — поддержка Layout.header/completion по docs/skin-v31.md.
+
+## 0.74.0
+
+### Minor Changes
+
+- 3140c17: Одуванчик получил композицию «Студия» и отдельный вход /sandbox с оформлением песочницы по умолчанию. Чат и журнал прокручиваются независимо; приветствие появляется только в загруженном пустом чате. В договорах скинов добавлены необязательные empty и busy, прежние скины совместимы. История песочницы сохраняет признаки транспорта, поэтому чат без фона не опрашивает несуществующий /tasks.
+  
+  ### Как обновить приложение
+  
+  Обновить все пакеты SDK одной версией. Для песочницы импортировать AgentSandbox из @ykurilov/agent-chat-skin-oduvanchik/sandbox, убрать прежние явные скины Тандема и подключить один CSS Одуванчика. У контейнера задать высоту и min-height: 0 у flex/grid-предков. Для сохранения Тандема оставить его импорты, явные скины и CSS. Сервер, доступ и данные не меняются. Подробности: https://github.com/ykurilov/agent-chat-sdk/blob/main/skins/oduvanchik/README.md
+
 ## 0.73.0
 
 No changes in this release.

package/dist/{chunk-WJJY2WLQ.js → chunk-LF723Y52.js}

@@ -362,6 +362,7 @@ var englishWorkLabels = {
 };
 var russianLabels = {
   locale: "ru",
+  welcome: { title: "\u0421 \u0447\u0435\u0433\u043E \u043D\u0430\u0447\u043D\u0451\u043C?", description: "\u0417\u0430\u0434\u0430\u0439\u0442\u0435 \u0432\u043E\u043F\u0440\u043E\u0441 \u0438\u043B\u0438 \u043E\u043F\u0438\u0448\u0438\u0442\u0435 \u0437\u0430\u0434\u0430\u0447\u0443." },
   helpers: russianHelpers,
   tasks: russianTasks,
   notices: russianNotices,
@@ -682,6 +683,7 @@ var englishCount = (count, one, many) => `${count} ${count === 1 ? one : many}`;
 var englishMergeDate = new Intl.DateTimeFormat("en-US", { day: "numeric", month: "long", hour: "2-digit", minute: "2-digit" });
 var englishLabels = {
   locale: "en",
+  welcome: { title: "Where shall we start?", description: "Ask a question or describe a task." },
   ...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" },
@@ -963,6 +965,7 @@ function ChatLabelsProvider({ labels, children }) {
   const resolved = useMemo(
     () => ({
       ...labels,
+      welcome: { ...(labels.locale?.startsWith("en") ? englishLabels : russianLabels).welcome, ...labels.welcome },
       composerSettings: { ...(labels.locale?.startsWith("en") ? englishLabels : russianLabels).composerSettings, ...labels.composerSettings },
       externalImageLink: labels.externalImageLink ?? russianLabels.externalImageLink,
       answerCutByLength: labels.answerCutByLength ?? russianLabels.answerCutByLength,
@@ -2348,7 +2351,8 @@ function useAgentChat({
   const [accessRefusal, setAccessRefusal] = useState3(null);
   const [capabilities, setCapabilities] = useState3(ALL_CAPABILITIES);
   const [closed, setClosed] = useState3(null);
-  const [backgroundTasksAvailable, setBackgroundTasksAvailable] = useState3(true);
+  const [backgroundCapability, setBackgroundCapability] = useState3(null);
+  const backgroundTasksAvailable = backgroundCapability?.chatUrl === chatUrl2 ? backgroundCapability.available : true;
   const [modelAcceptsImages, setModelAcceptsImages] = useState3(void 0);
   const [externalContent, setExternalContent] = useState3(false);
   const showClosure = useCallback4((next) => {
@@ -2359,11 +2363,14 @@ function useAgentChat({
       const next = capabilitiesOf(history2.capabilities);
       setCapabilities((current) => sameCapabilities(current, next) ? current : next);
       showClosure(closureOf(history2.chat?.closed));
-      setBackgroundTasksAvailable(history2.backgroundTasks !== false);
+      if (typeof history2.backgroundTasks === "boolean") {
+        const available = history2.backgroundTasks;
+        setBackgroundCapability((current) => current?.chatUrl === chatUrl2 && current.available === available ? current : { chatUrl: chatUrl2, available });
+      }
       setModelAcceptsImages(typeof history2.modelAcceptsImages === "boolean" ? history2.modelAcceptsImages : void 0);
       if (history2.externalContent === true) setExternalContent(true);
     },
-    [showClosure]
+    [chatUrl2, showClosure]
   );
   const onTurnRefusedRef = useRef5(onTurnRefused);
   onTurnRefusedRef.current = onTurnRefused;
@@ -5919,7 +5926,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({ 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 }) {
+function AgentChatBody({ header, completion, 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({
@@ -6339,9 +6346,14 @@ ${text}` : text),
   )) }) : void 0;
   const notices = [taskCards, connection, closedNotice, spendingNotice].filter(Boolean);
   const notice = notices.length > 1 ? /* @__PURE__ */ jsx9(Fragment2, { children: notices.map((part, index) => /* @__PURE__ */ jsx9(Fragment, { children: part }, index)) }) : notices[0];
+  const voiceActive = Boolean(dictation.view && (dictation.view.state !== "idle" || dictation.view.polishing)) || Boolean(dialog && dialog.state !== "off" && dialog.state !== "error");
+  const visibleCompletion = chat.loaded && !busy && !voiceActive && !chat.loadFailed && completion !== false ? completion : void 0;
   const layout = /* @__PURE__ */ jsx9(
     skin.Layout,
     {
+      header,
+      completion: visibleCompletion,
+      empty: visibleCompletion == null && chat.loaded && !chat.loadFailed && !chat.sendFailed && !chat.serverRefusal && !chat.refusal && chat.connection === "online" && !chatClosed && !busy && feedMessages.length === 0,
       feed,
       scrollRef,
       announcement: announced,
@@ -7224,4 +7236,4 @@ export {
   activeChatTitle,
   useWorkspaceListSync
 };
-//# sourceMappingURL=chunk-WJJY2WLQ.js.map
+//# sourceMappingURL=chunk-LF723Y52.js.map