@jskit-ai/assistant-core 0.1.244 → 0.2.0

package/src/client/conversation/AssistantAttachmentQueue.vue

@@ -5,11 +5,11 @@
     class="assistant-attachment-queue"
     :class="{ 'assistant-attachment-queue--standalone': !joined }"
     :aria-busy="hasUnresolved ? 'true' : undefined"
-    aria-label="Message attachments"
+    :aria-label="t('jskit.assistant.attachments.queue')"
   >
     <header class="assistant-attachment-queue__summary">
       <span>{{ aggregateLabel }}</span>
-      <span class="assistant-attachment-queue__limit">{{ retainedItems.length }} / {{ maximumFiles }}</span>
+      <span class="assistant-attachment-queue__limit">{{ t("jskit.assistant.attachments.limit", { count: retainedItems.length, max: maximumFiles }) }}</span>
     </header>
 
     <ol class="assistant-attachment-queue__items">
@@ -38,7 +38,7 @@
             >
               {{ item.receipt?.reference }} {{ itemName(item) }}
             </component>
-            <span class="assistant-attachment-queue__size">{{ attachmentSizeLabel(item.size) }}</span>
+            <span class="assistant-attachment-queue__size">{{ attachmentSizeText(item.size) }}</span>
           </div>
           <div class="assistant-attachment-queue__secondary">
             <span>{{ itemStatusLabel(item) }}</span>
@@ -51,7 +51,7 @@
           />
           <v-progress-linear
             v-else-if="itemProgressVisible(item)"
-            :aria-label="`Upload progress for ${itemName(item)}`"
+            :aria-label="t('jskit.assistant.attachments.uploadProgress', { name: itemName(item) })"
             class="assistant-attachment-queue__progress"
             color="primary"
             height="3"
@@ -72,11 +72,11 @@
           <v-btn
             v-if="itemCancelable(item)"
             :ref="(element) => setActionElement(item, 'cancel', element)"
-            :aria-label="`Cancel ${itemName(item)}`"
+            :aria-label="t('jskit.assistant.attachments.cancelItem', { name: itemName(item) })"
             class="assistant-attachment-queue__action"
             :icon="mdiCloseCircleOutline"
             size="small"
-            :title="`Cancel ${itemName(item)}`"
+            :title="t('jskit.assistant.attachments.cancelItem', { name: itemName(item) })"
             type="button"
             variant="text"
             @click="handleAction('cancel', item, index)"
@@ -84,11 +84,11 @@
           <v-btn
             v-if="itemPhase(item) === 'failed' || itemPhase(item) === 'cancelled'"
             :ref="(element) => setActionElement(item, 'retry', element)"
-            :aria-label="`Retry ${itemName(item)}`"
+            :aria-label="t('jskit.assistant.attachments.retryItem', { name: itemName(item) })"
             class="assistant-attachment-queue__action"
             :icon="mdiRefresh"
             size="small"
-            :title="`Retry ${itemName(item)}`"
+            :title="t('jskit.assistant.attachments.retryItem', { name: itemName(item) })"
             type="button"
             variant="text"
             @click="handleAction('retry', item, index)"
@@ -96,11 +96,11 @@
           <v-btn
             v-if="itemPhase(item) === 'ready' || itemPhase(item) === 'failed' || itemPhase(item) === 'cancelled'"
             :ref="(element) => setActionElement(item, 'remove', element)"
-            :aria-label="`Remove ${itemName(item)}`"
+            :aria-label="t('jskit.assistant.attachments.removeItem', { name: itemName(item) })"
             class="assistant-attachment-queue__action"
             :icon="mdiClose"
             size="small"
-            :title="`Remove ${itemName(item)}`"
+            :title="t('jskit.assistant.attachments.removeItem', { name: itemName(item) })"
             type="button"
             variant="text"
             @click="handleAction('remove', item, index)"
@@ -131,7 +131,10 @@ import {
   mdiRefresh
 } from "@mdi/js";
 
-import { attachmentSizeLabel } from "../../shared/conversation/attachments.js";
+import { useJskitText } from "../i18n.js";
+import { attachmentSizeText } from "./attachmentSize.js";
+
+const { t } = useJskitText();
 
 const emit = defineEmits(["cancel", "remove", "retry", "preview", "focus-input"]);
 
@@ -187,47 +190,43 @@ const aggregateLabel = computed(() => {
   const cancelled = props.items.filter((item) => itemPhase(item) === "cancelled").length;
   if (active) {
     return aggregatePercent.value === null
-      ? `${completedCount.value} of ${total} ready · in progress`
-      : `${completedCount.value} of ${total} ready · ${aggregatePercent.value}%`;
+      ? t("jskit.assistant.attachments.summary.inProgress", { completed: completedCount.value, total })
+      : t("jskit.assistant.attachments.summary.percent", { completed: completedCount.value, total, percent: aggregatePercent.value });
   }
   if (failed) {
-    return `${completedCount.value} of ${total} ready · ${failed} ${failed === 1 ? "needs" : "need"} attention`;
+    return t("jskit.assistant.attachments.summary.needAttention", { completed: completedCount.value, total, count: failed });
   }
   if (cancelled) {
-    return `${completedCount.value} ready · ${cancelled} cancelled`;
+    return t("jskit.assistant.attachments.summary.cancelled", { completed: completedCount.value, cancelled });
   }
-  return `${completedCount.value} of ${total} ready`;
+  return t("jskit.assistant.attachments.summary.ready", { completed: completedCount.value, total });
 });
 const announcement = computed(() => {
   const messages = [];
   const failed = props.items.filter((item) => itemPhase(item) === "failed").length;
   if (failed) {
-    messages.push(`${attachmentCountLabel(failed)} ${failed === 1 ? "needs" : "need"} attention.`);
+    messages.push(t("jskit.assistant.attachments.announcement.needAttention", { count: failed }));
   }
   const active = props.items.filter((item) => activePhases.has(itemPhase(item))).length;
   if (active) {
-    messages.push(`${attachmentCountLabel(active)} ${active === 1 ? "is" : "are"} in progress.`);
+    messages.push(t("jskit.assistant.attachments.announcement.inProgress", { count: active }));
   }
   const cancelled = props.items.filter((item) => itemPhase(item) === "cancelled").length;
   if (cancelled) {
-    messages.push(`${attachmentCountLabel(cancelled)} cancelled.`);
+    messages.push(t("jskit.assistant.attachments.announcement.cancelled", { count: cancelled }));
   }
   if (completedCount.value) {
-    messages.push(`${attachmentCountLabel(completedCount.value)} ready.`);
+    messages.push(t("jskit.assistant.attachments.announcement.ready", { count: completedCount.value }));
   }
   return messages.join(" ");
 });
 
-function attachmentCountLabel(count = 0) {
-  return `${count} attachment${count === 1 ? "" : "s"}`;
-}
-
 function itemKey(item = {}) {
   return String(item.clientId || item.id || item.attachmentId || item.fileName || "attachment");
 }
 
 function itemName(item = {}) {
-  return String(item.fileName || item.file?.name || "attachment");
+  return String(item.fileName || item.file?.name || t("jskit.assistant.attachments.unnamed"));
 }
 
 function itemPhase(item = {}) {
@@ -278,25 +277,25 @@ function itemBytesLabel(item = {}) {
   const sent = Math.min(Math.max(0, Number(item.bytesSent) || 0), size);
   const percent = itemPercent(item);
   return percent === null
-    ? `${attachmentSizeLabel(sent)} / ${attachmentSizeLabel(size)}`
-    : `${attachmentSizeLabel(sent)} / ${attachmentSizeLabel(size)} · ${percent}%`;
+    ? t("jskit.assistant.attachments.bytes", { sent: attachmentSizeText(sent), size: attachmentSizeText(size) })
+    : t("jskit.assistant.attachments.bytesPercent", { sent: attachmentSizeText(sent), size: attachmentSizeText(size), percent });
 }
 
 function itemStatusLabel(item = {}) {
   const labels = {
-    cancelled: "Cancelled",
-    delivering: "Sending to Codex",
+    cancelled: "jskit.assistant.attachments.status.cancelled",
+    delivering: "jskit.assistant.attachments.status.delivering",
     failed: item.failureStage === "preparing"
-      ? "Preparation failed"
+      ? "jskit.assistant.attachments.status.preparationFailed"
       : item.failureStage === "handoff"
-        ? "Sending failed"
-        : "Upload failed",
-    preparing: "Preparing",
-    queued: "Queued",
-    ready: "Ready",
-    uploading: "Uploading"
+        ? "jskit.assistant.attachments.status.sendingFailed"
+        : "jskit.assistant.attachments.status.uploadFailed",
+    preparing: "jskit.assistant.attachments.status.preparing",
+    queued: "jskit.assistant.attachments.status.queued",
+    ready: "jskit.assistant.attachments.status.ready",
+    uploading: "jskit.assistant.attachments.status.uploading"
   };
-  return labels[itemPhase(item)] || "Queued";
+  return t(Object.hasOwn(labels, itemPhase(item)) ? labels[itemPhase(item)] : "jskit.assistant.attachments.status.queued");
 }
 
 function itemCancelable(item = {}) {

package/src/client/conversation/AssistantComposerActions.vue

@@ -7,15 +7,15 @@
         :aria-busy="state.stopPending ? 'true' : undefined" :prepend-icon="mdiStopCircleOutline"
         size="small" variant="tonal" @click="emit('stop')"
       >
-        {{ state.stopPending ? 'Stopping…' : 'Stop' }}
+        {{ state.stopPending ? t('jskit.assistant.composer.stopping') : t('jskit.assistant.composer.stop') }}
       </v-btn>
       <v-btn
         ref="sendButton" class="assistant-composer-actions__send" color="primary" :disabled="!state.canSend"
-        :aria-busy="state.pending && !state.canSend ? 'true' : undefined" :aria-label="state.submitAriaLabel || state.submitLabel || 'Send message'"
+        :aria-busy="state.pending && !state.canSend ? 'true' : undefined" :aria-label="state.submitAriaLabel || state.submitLabel || t('jskit.assistant.composer.sendMessage')"
         :title="state.submitTitle" :prepend-icon="state.submitIcon || mdiSend" size="small" variant="flat"
         @click="emit('submit')"
       >
-        {{ state.submitLabel || (state.pending && !state.canSend ? 'Sending…' : 'Send') }}
+        {{ state.submitLabel || (state.pending && !state.canSend ? t('jskit.assistant.composer.sending') : t('jskit.assistant.composer.send')) }}
       </v-btn>
     </div>
     <slot name="feedback" />
@@ -24,6 +24,9 @@
 <script setup>
 import { ref } from "vue";
 import { mdiSend, mdiStopCircleOutline } from "@mdi/js";
+import { useJskitText } from "../i18n.js";
+
+const { t } = useJskitText();
 defineProps({ state: { type: Object, required: true } });
 const emit = defineEmits(["submit", "stop"]);
 const sendButton = ref(null);

package/src/client/conversation/AssistantComposerSupport.vue

@@ -38,20 +38,20 @@
         aria-hidden="true"
         class="assistant-composer-support__loading"
       >
-        <span>Thinking of a few ideas</span>
+        <span>{{ t("jskit.assistant.composer.thinkingOfIdeas") }}</span>
       </div>
 
       <div
         v-else
         class="assistant-composer-support__options"
-        aria-label="Suggested prompts"
+        :aria-label="t('jskit.assistant.composer.suggestedPrompts')"
         aria-orientation="horizontal"
         role="group"
       >
         <v-btn
           v-for="suggestion in suggestions"
           :key="suggestion.prompt"
-          :aria-label="`Use suggestion: ${suggestion.prompt}`"
+          :aria-label="t('jskit.assistant.composer.useSuggestion', { prompt: suggestion.prompt })"
           class="assistant-composer-support__option"
           rounded="xl"
           size="small"
@@ -74,6 +74,9 @@
 <script setup>
 import { computed } from "vue";
 import { mdiLightbulbOnOutline } from "@mdi/js";
+import { useJskitText } from "../i18n.js";
+
+const { t } = useJskitText();
 
 defineEmits(["dismiss", "focusout", "preview", "select"]);
 const props = defineProps({
@@ -106,10 +109,10 @@ const statusAnnouncement = computed(() => {
     return String(props.activity.label || "").trim();
   }
   if (mode.value === "loading") {
-    return "Thinking of a few ideas.";
+    return t("jskit.assistant.composer.thinkingOfIdeasStatus");
   }
   if (mode.value === "ready") {
-    return `${props.suggestions.length} suggested prompts are available before the message controls.`;
+    return t("jskit.assistant.composer.suggestionsAvailable", { count: props.suggestions.length });
   }
   return "";
 });

package/src/client/conversation/AssistantConversationElement.vue

@@ -1,8 +1,8 @@
 <template>
-  <section ref="container" class="assistant-conversation" :class="{ 'assistant-conversation--error': conversation.error }" :aria-label="label">
+  <section ref="container" class="assistant-conversation" :class="{ 'assistant-conversation--error': conversation.error }" :aria-label="label ?? t('jskit.assistant.chat.label')">
     <section
       v-if="$slots.avatar" class="assistant-conversation__avatar"
-      :class="{ 'assistant-conversation__avatar--hidden': avatarSize === 'hidden' }" aria-label="Conversation avatar"
+      :class="{ 'assistant-conversation__avatar--hidden': avatarSize === 'hidden' }" :aria-label="t('jskit.assistant.chat.avatar')"
     >
       <div v-show="avatarSize === 'hidden'" ref="avatarControls" class="assistant-conversation__avatar-controls">
         <slot name="avatar-control" :size="avatarSize" :height="avatarHeight" />
@@ -10,7 +10,7 @@
           :icon="mdiAccountCircleOutline" size="small"
           variant="text" :width="44" :min-width="44" :min-height="44"
           class="assistant-conversation__avatar-size"
-          aria-label="Show avatar" title="Show avatar"
+          :aria-label="t('jskit.assistant.chat.showAvatar')" :title="t('jskit.assistant.chat.showAvatar')"
           :aria-expanded="avatarSize !== 'hidden'" @click="toggleAvatar"
         >
           <span class="assistant-conversation__avatar-size-disc">
@@ -27,7 +27,7 @@
           <v-btn
             :icon="mdiMinus" size="small" variant="text" color="primary"
             :width="40" :min-width="40" :min-height="44" class="assistant-conversation__avatar-size"
-            aria-label="Minimise avatar" title="Minimise avatar" :aria-expanded="true"
+            :aria-label="t('jskit.assistant.chat.minimiseAvatar')" :title="t('jskit.assistant.chat.minimiseAvatar')" :aria-expanded="true"
             @click="toggleAvatar"
           >
             <span class="assistant-conversation__avatar-size-disc assistant-conversation__avatar-size-disc--minimise">
@@ -49,13 +49,13 @@
         <div v-if="scope.turn.preview && scope.turn.previewMessage?.actions" class="assistant-conversation__preview-actions">
           <v-btn
             v-if="scope.turn.previewMessage.actions.discard" :icon="mdiClose" size="small" variant="text"
-            aria-label="Discard unsent message" title="Discard unsent message"
+            :aria-label="t('jskit.assistant.chat.discardUnsent')" :title="t('jskit.assistant.chat.discardUnsent')"
             :disabled="!scope.turn.previewMessage.actions.canDiscard"
             @click="scope.turn.previewMessage.actions.discard(scope.turn.turnId)"
           />
           <v-btn
             v-if="scope.turn.previewMessage.actions.edit" :icon="mdiPencil" size="small" variant="text"
-            aria-label="Edit unsent message" title="Edit unsent message"
+            :aria-label="t('jskit.assistant.chat.editUnsent')" :title="t('jskit.assistant.chat.editUnsent')"
             :disabled="!scope.turn.previewMessage.actions.canEdit"
             @click="scope.turn.previewMessage.actions.edit(scope.turn.turnId)"
           />
@@ -64,7 +64,7 @@
             :disabled="!scope.turn.previewMessage.actions.canSend"
             @click="scope.turn.previewMessage.actions.send(scope.turn.turnId)"
           >
-            {{ scope.turn.previewMessage.actions.sending ? 'Sending…' : 'Send' }}
+            {{ scope.turn.previewMessage.actions.sending ? t('jskit.assistant.composer.sending') : t('jskit.assistant.composer.send') }}
           </v-btn>
         </div>
         <slot name="user-message-actions" v-bind="scope" />
@@ -88,7 +88,7 @@
       <AssistantPromptInput
         v-if="adapter.composer" ref="input" v-bind="adapter.composer" class="assistant-conversation__composer"
         :model-value="adapter.composer.draft || ''" :submit-enabled="canSend"
-        :aria-label="adapter.composer.ariaLabel || 'Message AI assistant'" :rows="adapter.composer.rows || 2"
+        :aria-label="adapter.composer.ariaLabel || t('jskit.assistant.chat.messageAssistant')" :rows="adapter.composer.rows || 2"
         :described-by="activity.label || adapter.suggestions?.visible ? statusId : adapter.composer.describedBy"
         :placeholder="suggestionPreview || adapter.composer.placeholder" :placeholder-affects-height="!suggestionPreview"
         :attachment-state="attachmentState" :dragging="attachmentsEnabled && adapter.attachments.dragActive"
@@ -125,7 +125,7 @@
               @select-variant="adapter.models.selectVariant?.($event)" @apply="applyModel" @reload="adapter.models.reload?.()"
             />
             <v-btn
-              v-if="attachmentsEnabled" aria-label="Attach files" title="Attach files" size="small" variant="text" :icon="mdiPaperclip"
+              v-if="attachmentsEnabled" :aria-label="t('jskit.assistant.chat.attachFiles')" :title="t('jskit.assistant.chat.attachFiles')" size="small" variant="text" :icon="mdiPaperclip"
               :disabled="!adapter.attachments.canAddFiles" @click="fileInput?.click()"
             />
             <slot
@@ -163,10 +163,13 @@ import AssistantGoalControl from "./AssistantGoalControl.vue";
 import AssistantAttachmentQueue from "./AssistantAttachmentQueue.vue";
 import AssistantQuestionInputs from "./AssistantQuestionInputs.vue";
 import AssistantModelControl from "./AssistantModelControl.vue";
+import { useJskitText } from "../i18n.js";
+
+const { t } = useJskitText();
 const props = defineProps({
   adapter: { type: Object, required: true },
   avatarSize: { type: String, default: "compact", validator: (value) => ["hidden", "compact", "standard", "large"].includes(value) },
-  label: { type: String, default: "Assistant conversation" },
+  label: { type: String, default: undefined },
   configuration: { type: Object, default: () => ({}) },
   configurationFields: { type: Array, default: () => [] },
   configurationMode: { type: String, default: "hidden", validator: (value) => ["hidden", "readonly", "editable"].includes(value) }
@@ -298,8 +301,8 @@ const working = computed(() => conversation.value.working ?? (!pending.value &&
   props.adapter.composer?.canStop || conversation.value.turns?.some(turn => turn.pending)
 )));
 const activity = computed(() => props.adapter.activity ?? {
-  label: props.adapter.composer?.stopPending ? "Stopping…"
-    : pending.value ? "Sending to assistant…" : working.value ? "Assistant is working…" : ""
+  label: props.adapter.composer?.stopPending ? t("jskit.assistant.composer.stopping")
+    : pending.value ? t("jskit.assistant.chat.sendingToAssistant") : working.value ? t("jskit.assistant.chat.working") : ""
 });
 const suggestionPreview = computed(() => !props.adapter.composer?.draft && props.adapter.suggestions?.visible
   ? props.adapter.suggestions.preview : "");
@@ -364,7 +367,7 @@ async function submit() {
   const controller = props.adapter.delivery;
   if (!controller || !props.adapter.actions?.setDraft) return;
   const message = String(props.adapter.composer.draft || "").trim() ||
-    (files.length ? props.adapter.composer.attachmentMessage || "Please review the attached files." : "");
+    (files.length ? props.adapter.composer.attachmentMessage || t("jskit.assistant.chat.reviewAttachedFiles") : "");
   if (!message) return;
   const payload = {
     ...props.adapter.composer.payload,

package/src/client/conversation/AssistantConversationStatus.vue

@@ -5,11 +5,11 @@
       variant="text"
       color="error"
       size="x-small"
-      aria-label="Retry delivery check"
+      :aria-label="t('jskit.assistant.delivery.retryCheck')"
       :disabled="message.delivery.checking"
       @click="$emit('check-delivery', message.delivery.messageId)"
     >
-      {{ message.delivery.checking ? 'Checking…' : 'Retry' }}
+      {{ message.delivery.checking ? t('jskit.assistant.delivery.checking') : t('jskit.assistant.delivery.retry') }}
     </v-btn>
   </div>
   <slot v-else>
@@ -19,6 +19,9 @@
 
 <script setup>
 import LongTextPreviewBlocks from "./LongTextPreviewBlocks.vue";
+import { useJskitText } from "../i18n.js";
+
+const { t } = useJskitText();
 
 defineProps({ message: { type: Object, required: true } });
 defineEmits(["check-delivery", "link-click"]);

package/src/client/conversation/AssistantGoalControl.vue

@@ -1,5 +1,12 @@
 <script setup>
 import { computed, onMounted, onScopeDispose, ref, watch } from "vue";
+import { useJskitText } from "../i18n.js";
+
+const { t } = useJskitText();
+const STATUS_KEYS = Object.freeze({
+  active: "jskit.assistant.goal.running", paused: "jskit.assistant.goal.paused", blocked: "jskit.assistant.goal.blocked",
+  usageLimited: "jskit.assistant.goal.usageLimited", budgetLimited: "jskit.assistant.goal.budgetLimited", complete: "jskit.assistant.goal.complete"
+});
 
 const props = defineProps({ state: { type: Object, default: null } });
 const open = ref(false);
@@ -9,13 +16,12 @@ const now = ref(Date.now());
 const goal = computed(() => props.state?.loading || props.state?.available === false ? null : props.state?.goal);
 const running = computed(() => goal.value?.status === "active");
 const working = computed(() => running.value && props.state?.working === true);
-const label = computed(() => props.state?.loading ? "Loading goal…" : props.state?.available === false ? "Goal unavailable" : ({
-  active: "Goal running", paused: "Goal paused", blocked: "Goal blocked",
-  usageLimited: "Goal waiting for allowance", budgetLimited: "Goal budget reached", complete: "Goal complete"
-})[goal.value?.status] || "Set goal");
+const label = computed(() => props.state?.loading ? t("jskit.assistant.goal.loading") : props.state?.available === false ? t("jskit.assistant.goal.unavailable")
+  : t(Object.hasOwn(STATUS_KEYS, goal.value?.status ?? "") ? STATUS_KEYS[goal.value.status] : "jskit.assistant.goal.set"));
 const nativeElapsed = computed(() => Number.isFinite(goal.value?.elapsedSeconds));
 const createdAt = computed(() => typeof goal.value?.createdAt === "string" ? Date.parse(goal.value.createdAt) : NaN);
-const elapsedLabel = computed(() => nativeElapsed.value ? "Running time" : "Elapsed since goal started (including pauses)");
+const elapsedLabel = computed(() => nativeElapsed.value ? t("jskit.assistant.goal.runningTime") : t("jskit.assistant.goal.elapsedSinceStart"));
+const elapsedText = computed(() => elapsed.value ? t("jskit.assistant.goal.elapsed", { label: elapsedLabel.value, elapsed: elapsed.value }) : "");
 const clockRunning = computed(() => nativeElapsed.value ? running.value && Number.isFinite(goal.value?.sampledAt)
   : Boolean(goal.value && goal.value.status !== "complete" && Number.isFinite(createdAt.value)));
 const elapsed = computed(() => {
@@ -56,26 +62,26 @@ async function setGoal() {
 <template>
   <v-menu v-if="state && state.enabled !== false" v-model="open" location="top" :close-on-content-click="false">
     <template #activator="{ props: menuProps }">
-      <v-btn v-bind="menuProps" class="assistant-goal" size="small" variant="text" :aria-label="label" :title="[label, elapsed && `${elapsedLabel}: ${elapsed}`, goal?.objective].filter(Boolean).join('\n')">
+      <v-btn v-bind="menuProps" class="assistant-goal" size="small" variant="text" :aria-label="label" :title="[label, elapsedText, goal?.objective].filter(Boolean).join('\n')">
         <span v-if="goal" class="assistant-goal__light" :class="{ 'assistant-goal__light--running': running, 'assistant-goal__light--working': working, 'assistant-goal__light--paused': goal.status === 'paused' }" aria-hidden="true" />
-        <span class="assistant-goal__label">{{ state.loading ? 'Loading goal…' : state.available === false ? 'Goal unavailable' : goal ? 'Goal' : 'Set goal' }}</span>
+        <span class="assistant-goal__label">{{ state.loading ? t('jskit.assistant.goal.loading') : state.available === false ? t('jskit.assistant.goal.unavailable') : goal ? t('jskit.assistant.goal.goal') : t('jskit.assistant.goal.set') }}</span>
         <span v-if="elapsed" class="assistant-goal__elapsed" aria-hidden="true">{{ elapsed }}</span>
       </v-btn>
     </template>
     <v-card class="assistant-goal__details pa-3" max-width="360">
       <strong role="status">{{ label }}</strong>
-      <v-btn v-if="(running || (state.pauseBlocked && goal?.status === 'blocked')) && state.pause" size="small" :disabled="state.pending" @click="state.pause()">{{ state.action === 'pause' ? 'Pausing…' : 'Pause goal' }}</v-btn>
-      <v-btn v-if="['paused', 'blocked', 'usageLimited'].includes(goal?.status) && state.resume" size="small" :disabled="state.pending" @click="state.resume()">{{ state.action === 'resume' ? 'Resuming…' : 'Resume goal' }}</v-btn>
-      <v-btn v-if="goal && goal.status !== 'complete' && state.cancel" color="error" size="small" variant="text" :disabled="state.pending" @click="state.cancel()">{{ state.action === 'cancel' ? 'Cancelling…' : 'Cancel goal' }}</v-btn>
+      <v-btn v-if="(running || (state.pauseBlocked && goal?.status === 'blocked')) && state.pause" size="small" :disabled="state.pending" @click="state.pause()">{{ state.action === 'pause' ? t('jskit.assistant.goal.pausing') : t('jskit.assistant.goal.pause') }}</v-btn>
+      <v-btn v-if="['paused', 'blocked', 'usageLimited'].includes(goal?.status) && state.resume" size="small" :disabled="state.pending" @click="state.resume()">{{ state.action === 'resume' ? t('jskit.assistant.goal.resuming') : t('jskit.assistant.goal.resume') }}</v-btn>
+      <v-btn v-if="goal && goal.status !== 'complete' && state.cancel" color="error" size="small" variant="text" :disabled="state.pending" @click="state.cancel()">{{ state.action === 'cancel' ? t('jskit.assistant.goal.cancelling') : t('jskit.assistant.goal.cancel') }}</v-btn>
       <p v-if="goal" class="my-2">{{ goal.objective }}</p>
       <p v-if="goal?.reason" class="text-body-small my-2">{{ goal.reason }}</p>
-      <p v-if="elapsed" class="text-body-small my-2">{{ elapsedLabel }}: {{ elapsed }}</p>
-      <p v-if="running || goal?.status === 'paused'" class="text-body-small mt-2">{{ state.pauseInterruptsTurn ? 'Pause stops the current turn and keeps the goal for later.' : 'Pausing prevents further automatic turns. Use Stop to interrupt the current turn.' }}</p>
-      <p v-if="goal && goal.status !== 'complete' && state.cancel" class="text-body-small mt-2">{{ state.cancelInterruptsTurn ? 'Cancel stops the current turn and clears the goal.' : 'Cancel removes this goal. Use Stop to interrupt a turn already running.' }}</p>
+      <p v-if="elapsed" class="text-body-small my-2">{{ elapsedText }}</p>
+      <p v-if="running || goal?.status === 'paused'" class="text-body-small mt-2">{{ state.pauseInterruptsTurn ? t('jskit.assistant.goal.pauseInterruptsTurn') : t('jskit.assistant.goal.pausePreventsTurns') }}</p>
+      <p v-if="goal && goal.status !== 'complete' && state.cancel" class="text-body-small mt-2">{{ state.cancelInterruptsTurn ? t('jskit.assistant.goal.cancelInterruptsTurn') : t('jskit.assistant.goal.cancelRemovesGoal') }}</p>
       <form v-if="canSet" class="assistant-goal__form mt-2" @submit.prevent="setGoal">
-        <v-textarea v-model="objective" label="Goal objective" rows="2" max-rows="4" maxlength="4000" auto-grow :disabled="state.pending" hide-details />
-        <v-text-field v-if="state.tokenBudgetSupported !== false" v-model="tokenBudget" label="Token budget (optional)" type="number" min="1" step="1" :disabled="state.pending" :error="!validBudget" hide-details />
-        <v-btn type="submit" size="small" :disabled="state.pending || !objective.trim() || !validBudget">{{ state.action === 'set' ? 'Starting…' : 'Start goal' }}</v-btn>
+        <v-textarea v-model="objective" :label="t('jskit.assistant.goal.objective')" rows="2" max-rows="4" maxlength="4000" auto-grow :disabled="state.pending" hide-details />
+        <v-text-field v-if="state.tokenBudgetSupported !== false" v-model="tokenBudget" :label="t('jskit.assistant.goal.tokenBudget')" type="number" min="1" step="1" :disabled="state.pending" :error="!validBudget" hide-details />
+        <v-btn type="submit" size="small" :disabled="state.pending || !objective.trim() || !validBudget">{{ state.action === 'set' ? t('jskit.assistant.goal.starting') : t('jskit.assistant.goal.start') }}</v-btn>
       </form>
       <p v-if="state.error" role="alert" class="text-error text-body-small mt-2">{{ state.error }}</p>
       <slot :goal="goal" />

package/src/client/conversation/AssistantMessageAttachments.vue

@@ -1,7 +1,7 @@
 <template>
   <ul
     v-if="attachments.length"
-    aria-label="Attached files"
+    :aria-label="t('jskit.assistant.attachments.attached')"
     class="assistant-conversation-attachments"
   >
     <li
@@ -29,10 +29,10 @@
             {{ attachment.reference }} {{ attachment.fileName }}
           </span>
           <span
-            v-if="attachmentSizeLabel(attachment.size)"
+            v-if="attachmentSizeText(attachment.size)"
             class="assistant-conversation-attachments__size text-label-small"
           >
-            {{ attachmentSizeLabel(attachment.size) }}
+            {{ attachmentSizeText(attachment.size) }}
           </span>
         </span>
       </component>
@@ -42,7 +42,10 @@
 
 <script setup>
 import { mdiFileOutline, mdiImageOutline } from "@mdi/js";
-import { attachmentSizeLabel } from "../../shared/conversation/attachments.js";
+import { useJskitText } from "../i18n.js";
+import { attachmentSizeText } from "./attachmentSize.js";
+
+const { t } = useJskitText();
 
 defineProps({
   attachments: { type: Array, default: () => [] },