@jskit-ai/assistant-core 0.1.244 → 0.2.0

package/src/client/conversation/AssistantModelControl.vue

@@ -8,20 +8,20 @@
     <template #activator="{ props: menuProps }">
       <v-btn
         v-bind="menuProps"
-        aria-label="Choose AI"
+        :aria-label="t('jskit.assistant.model.chooseAi')"
         class="assistant-model-control__button"
         density="comfortable"
         :icon="mdiCogOutline"
         rounded="lg"
         size="small"
-        :title="buttonTitle"
+        :title="buttonTitle ?? t('jskit.assistant.model.chooseAi')"
         type="button"
         variant="tonal"
       />
     </template>
 
     <v-sheet
-      aria-label="AI session selector"
+      :aria-label="t('jskit.assistant.model.selector')"
       border
       class="assistant-model-control"
       :elevation="3"
@@ -32,7 +32,7 @@
           <v-icon :icon="mdiBrain" size="20" />
         </v-avatar>
         <div>
-          <strong class="text-title-small">AI controls</strong>
+          <strong class="text-title-small">{{ t("jskit.assistant.model.controls") }}</strong>
           <span class="text-body-small">{{ selectionSummary }}</span>
         </div>
       </header>
@@ -44,12 +44,12 @@
         role="status"
       >
         <v-icon :icon="mdiClockOutline" size="18" />
-        <span>AI choices are view-only while the assistant is working.</span>
+        <span>{{ t("jskit.assistant.model.viewOnly") }}</span>
       </v-sheet>
 
       <div
         v-if="catalogLoading"
-        aria-label="Loading available AIs"
+        :aria-label="t('jskit.assistant.model.loading')"
         class="assistant-model-control__loading"
       >
         <v-skeleton-loader type="text, chip@4, text, chip@4" />
@@ -61,7 +61,7 @@
         role="alert"
       >
         <span>{{ catalogError }}</span>
-        <v-btn size="small" variant="text" @click="emit('reload')">Try again</v-btn>
+        <v-btn size="small" variant="text" @click="emit('reload')">{{ t("jskit.assistant.model.tryAgain") }}</v-btn>
       </div>
 
       <div
@@ -69,17 +69,17 @@
         class="assistant-model-control__state"
         role="status"
       >
-        No configured AIs are available for this session.
+        {{ t("jskit.assistant.model.noneConfigured") }}
       </div>
 
       <div v-else class="assistant-model-control__choices">
         <slot name="before-choices" />
         <section
           v-if="providerRows.length > 1"
-          aria-label="Provider"
+          :aria-label="t('jskit.assistant.model.provider')"
           class="assistant-model-control__section"
         >
-          <div class="assistant-model-control__label">Provider</div>
+          <div class="assistant-model-control__label">{{ t("jskit.assistant.model.provider") }}</div>
           <div class="assistant-model-control__options">
             <v-btn
               v-for="provider in providerRows"
@@ -101,8 +101,8 @@
           </div>
         </section>
 
-        <section aria-label="Model" class="assistant-model-control__section">
-          <div class="assistant-model-control__label">Model</div>
+        <section :aria-label="t('jskit.assistant.model.model')" class="assistant-model-control__section">
+          <div class="assistant-model-control__label">{{ t("jskit.assistant.model.model") }}</div>
           <v-autocomplete
             v-if="modelRows.length > 6"
             auto-select-first="exact"
@@ -111,9 +111,9 @@
             :items="modelRows"
             item-title="label"
             item-value="id"
-            label="Choose model"
+            :label="t('jskit.assistant.model.chooseModel')"
             :model-value="modelId"
-            no-data-text="No matching models"
+            :no-data-text="t('jskit.assistant.model.noMatchingModels')"
             variant="outlined"
             @update:model-value="selectModel"
           />
@@ -129,7 +129,7 @@
               :disabled="changesDisabled || saving"
               rounded="lg"
               size="small"
-              :title="changesDisabled ? 'Wait for the active turn to finish before changing models.' : model.label"
+              :title="changesDisabled ? t('jskit.assistant.model.waitBeforeChanging') : model.label"
               type="button"
               :variant="modelId === model.id ? 'tonal' : 'outlined'"
               @click="selectModel(model.id)"
@@ -138,17 +138,17 @@
               <v-icon v-if="modelId === model.id" :icon="mdiCheck" size="15" />
             </v-btn>
           </div>
-          <span v-else class="assistant-model-control__empty">No available models.</span>
+          <span v-else class="assistant-model-control__empty">{{ t("jskit.assistant.model.noModels") }}</span>
           <slot name="model-note" />
         </section>
 
         <slot name="provider-controls" />
         <section
           v-if="variantRows.length > 1"
-          aria-label="Thinking"
+          :aria-label="t('jskit.assistant.model.thinking')"
           class="assistant-model-control__section"
         >
-          <div class="assistant-model-control__label">Thinking</div>
+          <div class="assistant-model-control__label">{{ t("jskit.assistant.model.thinking") }}</div>
           <div class="assistant-model-control__options">
             <v-btn
               v-for="variant in variantRows"
@@ -181,7 +181,7 @@
           variant="flat"
           @click="emit('apply')"
         >
-          {{ saving ? "Applying…" : "Apply" }}
+          {{ saving ? t("jskit.assistant.model.applying") : t("jskit.assistant.model.apply") }}
         </v-btn>
       </footer>
     </v-sheet>
@@ -190,6 +190,9 @@
 
 <script setup>
 import { mdiBrain, mdiCheck, mdiClockOutline, mdiCogOutline } from "@mdi/js";
+import { useJskitText } from "../i18n.js";
+
+const { t } = useJskitText();
 const menuOpen = defineModel({ type: Boolean, default: false });
 const props = defineProps({
   providerRows: { type: Array, default: () => [] },
@@ -199,7 +202,7 @@ const props = defineProps({
   modelId: { type: String, default: "" },
   variantId: { type: String, default: "" },
   selectionSummary: { type: String, default: "" },
-  buttonTitle: { type: String, default: "Choose AI" },
+  buttonTitle: { type: String, default: undefined },
   changesDisabled: Boolean,
   saving: Boolean,
   canSave: Boolean,

package/src/client/conversation/AssistantProgress.vue

@@ -21,6 +21,9 @@
 
 <script setup>
 import { computed, ref } from "vue";
+import { useJskitText } from "../i18n.js";
+
+const { t } = useJskitText();
 
 const props = defineProps({
   messages: { type: Array, default: () => [] },
@@ -42,10 +45,10 @@ const visibleMessages = computed(() => {
 const toggleLabel = computed(() => {
   if (expanded.value) {
     return previewMessages.value.length > 0
-      ? `Show latest ${previewMessages.value.length} progress ${previewMessages.value.length === 1 ? "update" : "updates"}`
-      : "Hide progress updates";
+      ? t("jskit.assistant.progress.showLatest", { count: previewMessages.value.length })
+      : t("jskit.assistant.progress.hide");
   }
-  return `Show all ${props.messages.length} progress ${props.messages.length === 1 ? "update" : "updates"}`;
+  return t("jskit.assistant.progress.showAll", { count: props.messages.length });
 });
 </script>
 

package/src/client/conversation/AssistantQuestionInputs.vue

@@ -1,5 +1,8 @@
 <script setup>
 import { mdiPencilOutline } from "@mdi/js";
+import { useJskitText } from "../i18n.js";
+
+const { t } = useJskitText();
 defineProps({
   questions: { type: Array, default: () => [] },
   selectItems: { type: Object, default: () => ({}) },
@@ -13,11 +16,11 @@ const emit = defineEmits(["dismiss"]);
   <div
     v-if="questions.length"
     class="assistant-questions__question-fields"
-    aria-label="Assistant questions"
+    :aria-label="t('jskit.assistant.questions.label')"
   >
     <div class="assistant-questions__question-fields-header">
       <v-btn
-        aria-label="Answer normally instead"
+        :aria-label="t('jskit.assistant.questions.answerNormally')"
         class="ml-auto"
         color="primary"
         :prepend-icon="mdiPencilOutline"
@@ -25,7 +28,7 @@ const emit = defineEmits(["dismiss"]);
         variant="tonal"
         @click="emit('dismiss')"
       >
-        Answer normally instead
+        {{ t("jskit.assistant.questions.answerNormally") }}
       </v-btn>
     </div>
     <div
@@ -43,7 +46,7 @@ const emit = defineEmits(["dismiss"]);
         item-title="selectLabel"
         item-value="value"
         :items="selectItems[question.name] || question.choices"
-        :label="`[${question.number}] ${question.label}`"
+        :label="t('jskit.assistant.questions.fieldLabel', { number: question.number, label: question.label })"
         :title="question.label"
         variant="outlined"
       />
@@ -54,7 +57,7 @@ const emit = defineEmits(["dismiss"]);
         autocomplete="off"
         density="compact"
         hide-details="auto"
-        :label="`[${question.number}] ${question.label}`"
+        :label="t('jskit.assistant.questions.fieldLabel', { number: question.number, label: question.label })"
         :title="question.label"
         variant="outlined"
       />
@@ -63,7 +66,7 @@ const emit = defineEmits(["dismiss"]);
   <div
     v-else-if="choices.length"
     class="assistant-questions__answer-choices"
-    aria-label="Suggested answers"
+    :aria-label="t('jskit.assistant.questions.suggestedAnswers')"
   >
     <v-chip-group
       v-model="choice"

package/src/client/conversation/AssistantTranscript.vue

@@ -4,16 +4,16 @@
     v-show="visible"
     class="assistant-transcript"
     :class="[`assistant-transcript--${variant}`, { 'assistant-transcript--retained': retainWhenHidden, 'assistant-transcript--error': error }]"
-    aria-label="Conversation history"
+    :aria-label="t('jskit.assistant.transcript.history')"
   >
     <v-btn
       v-if="reloadable"
-      :aria-label="reloading ? 'Reloading chat' : 'Reload chat'"
+      :aria-label="reloadLabel"
       class="assistant-transcript__reload"
       :disabled="reloading"
       :icon="mdiRefresh"
       size="x-small"
-      :title="reloading ? 'Reloading chat' : 'Reload chat'"
+      :title="reloadLabel"
       type="button"
       variant="text"
       @click="emit('reload')"
@@ -21,7 +21,7 @@
 
     <v-skeleton-loader
       v-if="loadingIndicatorVisible && !reloadable"
-      aria-label="Loading conversation"
+      :aria-label="t('jskit.assistant.transcript.loading')"
       class="assistant-transcript__loading-skeleton"
       type="list-item-avatar-two-line@3"
     />
@@ -32,7 +32,7 @@
       aria-hidden="true"
     >
       <v-skeleton-loader
-        aria-label="Preparing conversation"
+        :aria-label="t('jskit.assistant.transcript.preparing')"
         class="assistant-transcript__settling-skeleton"
         type="list-item-avatar-two-line@3"
       />
@@ -49,10 +49,10 @@
       <div class="assistant-transcript__error-content">
         <v-btn
           v-if="errorReloadable && !reloadable" :disabled="reloading" :min-height="32" size="small"
-          :aria-label="reloading ? 'Reloading chat' : 'Reload chat'"
+          :aria-label="reloadLabel"
           type="button" variant="text" @click="emit('reload')"
         >
-          {{ reloading ? 'Reloading…' : 'Reload chat' }}
+          {{ reloading ? t('jskit.assistant.transcript.reloadingShort') : t('jskit.assistant.transcript.reload') }}
         </v-btn>
         <span>{{ error }}</span>
       </div>
@@ -60,7 +60,7 @@
 
     <div
       ref="bodyElement"
-      aria-label="Conversation messages"
+      :aria-label="t('jskit.assistant.transcript.messages')"
       class="assistant-transcript__body"
       :class="{ 'assistant-transcript__body--settling': initialScrollPending }"
       tabindex="0"
@@ -80,7 +80,7 @@
             <v-icon :icon="mdiRobotOutline" size="16" />
           </span>
           <div class="assistant-transcript__message-header">
-            <span>{{ assistantLabel }}</span>
+            <span>{{ assistantName }}</span>
           </div>
         </div>
         <slot name="welcome"><p>{{ welcomeMessage }}</p></slot>
@@ -98,7 +98,7 @@
           variant="tonal"
           @click="requestLoadMore"
         >
-          {{ loadingMore ? "Loading older messages…" : "Load older messages" }}
+          {{ loadingMore ? t("jskit.assistant.transcript.loadingOlder") : t("jskit.assistant.transcript.loadOlder") }}
         </v-btn>
         <div
           v-if="loadMoreError"
@@ -124,7 +124,7 @@
           />
           <div class="assistant-transcript__system-body">
             <div class="assistant-transcript__system-meta">
-              <span>{{ systemLabel }}</span>
+              <span>{{ systemName }}</span>
               <time v-if="entry.message.displayAt">{{ entry.message.displayAt }}</time>
             </div>
             <slot name="system-message" :message="entry.message">
@@ -149,7 +149,7 @@
             >
               <v-textarea
                 v-if="entry.turn.preview && previewForTurn(entry.turn)?.actions?.editing"
-                class="assistant-transcript__preview-editor" :model-value="previewForTurn(entry.turn).text" label="Review your message"
+                class="assistant-transcript__preview-editor" :model-value="previewForTurn(entry.turn).text" :label="t('jskit.assistant.transcript.reviewMessage')"
                 :disabled="!previewForTurn(entry.turn).actions.canEdit" density="compact" :rows="1" :max-rows="2"
                 auto-grow hide-details @update:model-value="previewForTurn(entry.turn).actions.update(entry.turn.turnId, $event)"
               />
@@ -167,7 +167,7 @@
               type="button"
               @click="toggleUserMessage(entry.turn)"
             >
-              {{ userMessageExpanded(entry.turn) ? "Show less" : "Read more" }}
+              {{ userMessageExpanded(entry.turn) ? t("jskit.assistant.transcript.showLess") : t("jskit.assistant.transcript.readMore") }}
             </button>
             <slot name="attachments" :items="entry.message.attachments" :message="entry.message"><AssistantMessageAttachments :attachments="entry.message.attachments || []" /></slot>
             <div
@@ -175,14 +175,14 @@
               class="assistant-transcript__message-footer assistant-transcript__message-footer--user"
             >
               <time v-if="entry.message.displayAt">{{ entry.message.displayAt }}</time>
-              <span v-if="entry.turn.optimistic?.status === 'pending'" role="status">{{ entry.turn.optimistic.waiting ? `Pending: ${entry.turn.optimistic.waiting}` : "Pending" }}</span>
+              <span v-if="entry.turn.optimistic?.status === 'pending'" role="status">{{ entry.turn.optimistic.waiting ? t("jskit.assistant.transcript.pendingReason", { reason: entry.turn.optimistic.waiting }) : t("jskit.assistant.transcript.pending") }}</span>
             </div>
             <slot name="user-message-actions" :message="entry.message" :turn="entry.turn" />
             <div
               v-if="entry.delivery || entry.turn.optimistic?.status === 'failed'"
               class="assistant-transcript__optimistic-failure"
             >
-              <span role="status">{{ entry.delivery ? entry.delivery.delivery.error || 'Delivery unconfirmed.' : `Failed: ${entry.turn.optimistic.error || 'Message could not be sent.'}` }}</span>
+              <span role="status">{{ entry.delivery ? entry.delivery.delivery.error || t('jskit.assistant.delivery.unconfirmedShort') : t('jskit.assistant.transcript.failed', { error: entry.turn.optimistic.error || t('jskit.assistant.delivery.notSent') }) }}</span>
               <div v-if="!entry.turn.preview" class="assistant-transcript__optimistic-actions">
                 <v-btn
                   class="assistant-transcript__delivery-action"
@@ -191,11 +191,11 @@
                   type="button"
                   variant="text"
                   :disabled="entry.delivery?.delivery.checking"
-                  :aria-label="entry.delivery ? 'Retry delivery check' : undefined"
-                  :title="entry.delivery ? entry.delivery.delivery.error || 'Check delivery before resending.' : undefined"
+                  :aria-label="entry.delivery ? t('jskit.assistant.delivery.retryCheck') : undefined"
+                  :title="entry.delivery ? entry.delivery.delivery.error || t('jskit.assistant.delivery.checkBeforeResend') : undefined"
                   @click="entry.delivery ? emit('check-delivery', entry.delivery.delivery.messageId) : emit('resend-turn', entry.turn.optimistic.id)"
                 >
-                  {{ entry.delivery?.delivery.checking ? 'Checking…' : 'Retry' }}
+                  {{ entry.delivery?.delivery.checking ? t('jskit.assistant.delivery.checking') : t('jskit.assistant.delivery.retry') }}
                 </v-btn>
                 <v-btn
                   v-if="!entry.delivery || cancellableDelivery"
@@ -205,7 +205,7 @@
                   variant="text"
                   @click="emit('cancel-turn', entry.delivery?.delivery.messageId || entry.turn.optimistic.id)"
                 >
-                  Cancel
+                  {{ t("jskit.assistant.transcript.cancel") }}
                 </v-btn>
                 <v-btn
                   v-if="!entry.delivery"
@@ -215,7 +215,7 @@
                   variant="text"
                   @click="emit('edit-turn', entry.turn.optimistic.id)"
                 >
-                  Edit
+                  {{ t("jskit.assistant.transcript.edit") }}
                 </v-btn>
               </div>
             </div>
@@ -232,7 +232,7 @@
           :messages="entry.messages"
           :pending="isWorking && entry === displayEntries.at(-1)"
           :preview-limit="progressPreviewLimit"
-          :aria-label="`${entry.turn.assistantLabel || assistantLabel} progress`"
+          :aria-label="t('jskit.assistant.transcript.progress', { name: entry.turn.assistantLabel || assistantName })"
         />
         <div
           v-else
@@ -245,7 +245,7 @@
             </span>
             <div class="assistant-transcript__message-header">
               <span :title="entry.message.assistantDetails || entry.turn.assistantDetails || undefined">
-                {{ entry.message.assistantLabel || entry.turn.assistantLabel || assistantLabel }}
+                {{ entry.message.assistantLabel || entry.turn.assistantLabel || assistantName }}
               </span>
             </div>
           </div>
@@ -280,7 +280,7 @@
                       <LongTextInlineParts
                         :text="choice.label"
                         @link-click="handleLongTextLinkClick"
-                      /><span v-if="choice.recommended"> · Recommended</span>
+                      /><span v-if="choice.recommended">{{ t("jskit.assistant.transcript.recommended") }}</span>
                     </li>
                   </ul>
                 </div>
@@ -333,6 +333,10 @@ import {
 import {
   normalizeThinkingMessageText
 } from "../../shared/conversation/thinkingText.js";
+import { useJskitText } from "../i18n.js";
+
+const jskitText = useJskitText();
+const { formatDateTime, serverMessage, t } = jskitText;
 
 function previewForTurn(turn) {
   const preview = turn.previewMessage || props.previewMessage;
@@ -341,13 +345,13 @@ function previewForTurn(turn) {
 
 const props = defineProps({
   cancellableDelivery: { type: Boolean, default: false },
-  systemLabel: { type: String, default: "Status" },
+  systemLabel: { type: String, default: undefined },
   previewMessage: { type: Object, default: null },
   working: { type: Boolean, default: undefined },
   progressPreviewLimit: { type: Number, default: 2 },
   userMessageFormat: { type: String, default: "formatted", validator: (value) => ["plain", "formatted"].includes(value) },
   assistantLabel: {
-    default: "Assistant",
+    default: undefined,
     type: String
   },
   error: {
@@ -414,6 +418,9 @@ const props = defineProps({
 });
 
 const emit = defineEmits(["cancel-turn", "check-delivery", "edit-turn", "load-more", "link-click", "reload", "resend-turn"]);
+const systemName = computed(() => props.systemLabel ?? t("jskit.assistant.transcript.status"));
+const assistantName = computed(() => props.assistantLabel ?? t("jskit.assistant.transcript.assistant"));
+const reloadLabel = computed(() => props.reloading ? t("jskit.assistant.transcript.reloading") : t("jskit.assistant.transcript.reload"));
 
 const USER_MESSAGE_COLLAPSE_MIN_CHARACTERS = 360;
 const USER_MESSAGE_PREVIEW_MAX_CHARACTERS = 280;
@@ -447,7 +454,7 @@ const KEYBOARD_SCROLL_KEYS = new Set([
   "PageUp",
   "Spacebar"
 ]);
-const timeFormatter = new Intl.DateTimeFormat(undefined, {
+const TIME_FORMAT = Object.freeze({
   year: "numeric",
   month: "short",
   day: "2-digit",
@@ -460,7 +467,7 @@ function displayTime(value = "") {
   if (Number.isNaN(date.getTime())) {
     return "";
   }
-  return timeFormatter.format(date);
+  return formatDateTime(date, TIME_FORMAT);
 }
 
 function userMessagePreviewText(value = "") {
@@ -491,8 +498,11 @@ function displayMessage(message = null, {
   }
   const normalizedCacheKey = String(cacheKey || "").trim();
   const cached = normalizedCacheKey ? displayMessageCache.get(normalizedCacheKey) : null;
+  // Times and status texts follow the active locale, so a locale change re-renders them.
+  const activeLocale = jskitText.locale;
   if (
     cached &&
+    cached.locale === activeLocale &&
     cached.allowNumberedQuestions === allowNumberedQuestions &&
     cached.attachments === message.attachments &&
     cached.at === message.at &&
@@ -504,7 +514,7 @@ function displayMessage(message = null, {
   ) {
     return { ...message, ...cached.value };
   }
-  const messageText = message.text;
+  const messageText = message.textCode ? serverMessage({ message: message.text, messageCode: message.textCode }) : message.text;
   const questionInput = allowNumberedQuestions
     ? parseNumberedQuestionPrompt(messageText)
     : {
@@ -538,6 +548,7 @@ function displayMessage(message = null, {
       allowNumberedQuestions,
       attachments: message.attachments,
       at: message.at,
+      locale: activeLocale,
       messageId: message.messageId,
       preserveParagraphLineBreaks,
       previewUserMessage,

package/src/client/conversation/LongTextPreviewBlocks.vue

@@ -47,7 +47,7 @@
         v-else-if="block.type === 'table'"
         class="studio-long-text-review__table-wrap"
         role="region"
-        aria-label="Table"
+        :aria-label="t('jskit.assistant.longText.table')"
         tabindex="0"
       >
         <table class="studio-long-text-review__table">
@@ -91,7 +91,7 @@
       >
         <summary class="studio-long-text-review__details-summary">
           <LongTextInlineParts
-            :text="block.summary || 'Details'"
+            :text="detailsSummary(block)"
             @link-click="emit('link-click', $event)"
           />
         </summary>
@@ -117,6 +117,9 @@
 
 <script setup>
 import LongTextInlineParts from "./LongTextInlineParts.vue";
+import { useJskitText } from "../i18n.js";
+
+const { serverMessage, t } = useJskitText();
 
 defineProps({
   blocks: {
@@ -130,6 +133,11 @@ defineProps({
 });
 const emit = defineEmits(["link-click"]);
 
+// The parser's default summary is JSKIT's English; an authored summary stays as written.
+function detailsSummary(block) {
+  return serverMessage({ message: block.summary, messageCode: "assistant.longText.details" });
+}
+
 function isListBlock(block) {
   return block.type === "ul" || block.type === "ol";
 }

package/src/client/conversation/attachmentSize.js

@@ -0,0 +1,38 @@
+import { attachmentSizeLabel } from "../../shared/conversation/attachments.js";
+import { useJskitText } from "../i18n.js";
+
+const jskitText = useJskitText();
+const { formatNumber, t } = jskitText;
+const WHOLE = Object.freeze({ useGrouping: false });
+const ONE_DECIMAL = Object.freeze({ maximumFractionDigits: 1, minimumFractionDigits: 1, useGrouping: false });
+
+/** A file size in the active language: bytes, then KB and MB with one decimal. */
+function attachmentSizeText(size) {
+  // Without an app language, sizes keep their fixed English digits.
+  if (!jskitText.locale) {
+    return attachmentSizeLabel(size);
+  }
+  const bytes = Number(size);
+  if (!Number.isFinite(bytes) || bytes < 0) {
+    return "";
+  }
+  if (bytes < 1024) {
+    return t("jskit.assistant.attachments.sizeBytes", { size: formatNumber(bytes, WHOLE) });
+  }
+  if (bytes < 1024 * 1024) {
+    return t("jskit.assistant.attachments.sizeKilobytes", { size: formatNumber(bytes / 1024, ONE_DECIMAL) });
+  }
+  return t("jskit.assistant.attachments.sizeMegabytes", { size: formatNumber(bytes / (1024 * 1024), ONE_DECIMAL) });
+}
+
+/** An upload limit: whole mebibytes when exact, otherwise decimal megabytes. */
+function attachmentLimitText(maxBytes) {
+  if (!jskitText.locale) {
+    return maxBytes % (1024 * 1024) === 0 ? `${maxBytes / (1024 * 1024)} MiB` : `${maxBytes / 1_000_000} MB`;
+  }
+  return maxBytes % (1024 * 1024) === 0
+    ? t("jskit.assistant.attachments.sizeMebibytes", { size: formatNumber(maxBytes / (1024 * 1024), WHOLE) })
+    : t("jskit.assistant.attachments.sizeMegabytes", { size: formatNumber(maxBytes / 1_000_000, { useGrouping: false }) });
+}
+
+export { attachmentLimitText, attachmentSizeText };

package/src/client/conversation/messageDelivery.js

@@ -1,4 +1,7 @@
 import { reactive, toRaw, toValue, watch } from "vue";
+import { useJskitText } from "../i18n.js";
+
+const { serverMessage, t } = useJskitText();
 
 const messageText = value => String(value || "").trim();
 
@@ -92,7 +95,7 @@ function createAssistantMessageDelivery({ deliver: defaultDeliver } = {}) {
       text: message.text
     };
     const status = message.status === "uncertain" ? {
-      role: "system", text: "Message delivery is not confirmed.",
+      role: "system", text: t("jskit.assistant.delivery.notConfirmed"),
       delivery: { messageId: message.id, error: message.error, checking: message.checking === true }
     } : null;
     return {
@@ -145,7 +148,7 @@ function createAssistantMessageDelivery({ deliver: defaultDeliver } = {}) {
       if (predecessor) await predecessor;
       if (!current()) return false;
       if (uncertainOnError && state.messages.some(entry => entry.id !== messageId && entry.status === "uncertain" && !knownUncertain.has(entry.id))) {
-        fail(messageId, "Check the previous message's delivery before sending again.");
+        fail(messageId, t("jskit.assistant.delivery.checkPrevious"));
         return false;
       }
       let receipt;
@@ -161,7 +164,7 @@ function createAssistantMessageDelivery({ deliver: defaultDeliver } = {}) {
       const response = await (receipt ? Promise.race([submitted, receipt.promise]) : submitted);
       if (!current()) return false;
       if (response === false || response?.ok === false) {
-        fail(messageId, response?.error || "Message could not be sent.", response?.status === "uncertain" ? "uncertain" : "failed");
+        fail(messageId, response?.error || t("jskit.assistant.delivery.notSent"), response?.status === "uncertain" ? "uncertain" : "failed");
       } else {
         accept(messageId);
       }
@@ -185,7 +188,9 @@ function createAssistantMessageDelivery({ deliver: defaultDeliver } = {}) {
   function fail(messageId, error, status = "failed") {
     const message = find(messageId);
     if (message && message.status !== "accepted") {
-      message.error = String(error?.message || error || "Message could not be sent.").trim();
+      // A server or client error renders in the active language; its English is the fallback.
+      const text = error && typeof error === "object" ? serverMessage(error) : "";
+      message.error = String(text || error?.message || error || t("jskit.assistant.delivery.notSent")).trim();
       message.status = status;
     }
   }
@@ -226,7 +231,11 @@ function createAssistantMessageDelivery({ deliver: defaultDeliver } = {}) {
         attachments: payload.displayAttachments, createdAt, createdAtMs: Date.parse(createdAt),
         status: "uncertain", error: "" }];
     }
-    fail(messageId, request.error || "Delivery could not be confirmed.", "uncertain");
+    // The server's English stays the fallback when its sentence has no translation.
+    const error = request.error
+      ? serverMessage({ message: request.error, messageCode: request.errorMessageCode, messageParams: request.errorMessageParams })
+      : "";
+    fail(messageId, error || t("jskit.assistant.delivery.unconfirmed"), "uncertain");
     pendingSends.get(messageId)?.receipt?.resolve({ ok: false, status: "uncertain", error: request.error });
     return true;
   }