mulmoclaude 0.1.2 → 0.4.0

package/src/plugins/presentMulmoScript/View.vue

@@ -10,7 +10,7 @@
           {{ script.description }}
         </p>
         <div class="flex items-center gap-3 mt-1 text-xs text-gray-400">
-          <span>{{ beats.length }} beat{{ beats.length !== 1 ? "s" : "" }}</span>
+          <span>{{ t("pluginMulmoScript.beatCount", beats.length, { named: { count: beats.length } }) }}</span>
           <span v-if="script.lang">{{ script.lang }}</span>
           <span v-if="filePath" class="truncate">{{ filePath }}</span>
         </div>
@@ -24,7 +24,7 @@
           class="px-3 py-1 text-xs rounded-full border transition-colors border-gray-200 text-gray-500 hover:bg-gray-50 flex items-center justify-center gap-1"
         >
           <span class="material-icons text-sm leading-none">download</span>
-          <span>Movie</span>
+          <span>{{ t("pluginMulmoScript.movie") }}</span>
         </a>
         <!-- Generate / Regenerate Movie -->
         <button
@@ -36,10 +36,10 @@
             <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
             <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" />
           </svg>
-          <span v-if="movieGenerating">Generating…</span>
+          <span v-if="movieGenerating">{{ t("pluginMulmoScript.generating") }}</span>
           <template v-else>
             <span class="material-icons text-sm leading-none">refresh</span>
-            <span>Movie</span>
+            <span>{{ t("pluginMulmoScript.movie") }}</span>
           </template>
         </button>
       </div>
@@ -48,13 +48,13 @@
     <!-- Characters section -->
     <div v-if="characterKeys.length > 0" class="border-b border-gray-100 shrink-0 px-4 py-3">
       <div class="flex items-center justify-between mb-2">
-        <span class="text-xs font-semibold text-gray-500 uppercase tracking-wide">Characters</span>
+        <span class="text-xs font-semibold text-gray-500 uppercase tracking-wide">{{ t("pluginMulmoScript.characters") }}</span>
         <button
           class="px-2 py-0.5 text-xs rounded border border-gray-300 text-gray-500 hover:bg-gray-50 disabled:opacity-50"
           :disabled="movieGenerating || anyBeatRendering || characterKeys.every((key) => charRenderState[key] === 'rendering')"
           @click="generateAllCharacters"
         >
-          Generate All
+          {{ t("pluginMulmoScript.generateAll") }}
         </button>
       </div>
       <div class="flex gap-3 flex-wrap">
@@ -88,11 +88,11 @@
             </template>
             <!-- Permanent drop hint -->
             <div v-if="!charDragOver[key]" class="absolute bottom-0 inset-x-0 text-center text-xs text-gray-400 bg-white/70 py-0.5 pointer-events-none">
-              or drop image
+              {{ t("pluginMulmoScript.orDropImage") }}
             </div>
             <!-- Drop overlay -->
             <div v-if="charDragOver[key]" class="absolute inset-0 flex items-center justify-center bg-blue-50/80 pointer-events-none">
-              <span class="text-xs text-blue-500 font-medium">Drop</span>
+              <span class="text-xs text-blue-500 font-medium">{{ t("pluginMulmoScript.drop") }}</span>
             </div>
             <!-- Regenerate button -->
             <button
@@ -121,7 +121,7 @@
                 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
                 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" />
               </svg>
-              <span v-else>Gen</span>
+              <span v-else>{{ t("pluginMulmoScript.gen") }}</span>
             </button>
           </div>
           <span class="text-xs text-gray-600 text-center truncate w-full">{{ key }}</span>
@@ -163,7 +163,7 @@
                   <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
                   <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" />
                 </svg>
-                <span class="text-xs text-green-500">Rendering…</span>
+                <span class="text-xs text-green-500">{{ t("pluginMulmoScript.rendering") }}</span>
               </template>
               <template v-else-if="renderState[index] === 'error'">
                 <span class="text-xs text-red-400 text-center">{{ renderErrors[index] }}</span>
@@ -177,13 +177,13 @@
             </div>
             <!-- Beat drop hint / overlay -->
             <div v-if="beatDragOver[index]" class="absolute inset-0 flex items-center justify-center bg-blue-50/80 pointer-events-none">
-              <span class="text-xs text-blue-500 font-medium">Drop</span>
+              <span class="text-xs text-blue-500 font-medium">{{ t("pluginMulmoScript.drop") }}</span>
             </div>
             <div
               v-else-if="!renderedImages[index] && renderState[index] !== 'rendering'"
               class="absolute bottom-0 inset-x-0 text-center text-xs text-gray-400 bg-white/70 py-0.5 pointer-events-none"
             >
-              or drop image
+              {{ t("pluginMulmoScript.orDropImage") }}
             </div>
             <!-- Generate button for imagePrompt beats -->
             <button
@@ -191,7 +191,7 @@
               class="absolute top-1.5 right-1.5 flex items-center gap-1 px-2 py-0.5 text-xs rounded border border-blue-400 text-blue-600 bg-white hover:bg-blue-50"
               @click="renderBeat(index)"
             >
-              Generate
+              {{ t("pluginMulmoScript.generate") }}
             </button>
           </div>
 
@@ -213,10 +213,10 @@
                   :class="playingAudio?.index === index ? 'border-red-400 text-red-600 hover:bg-red-50' : 'border-green-400 text-green-600 hover:bg-green-50'"
                   @click="playAudio(index)"
                 >
-                  {{ playingAudio?.index === index ? "■ Stop" : "▶ Play" }}
+                  {{ playingAudio?.index === index ? t("pluginMulmoScript.stop") : t("pluginMulmoScript.play") }}
                 </button>
                 <template v-else-if="audioErrors[index]">
-                  <span class="text-xs text-red-400" :title="audioErrors[index]">⚠ Error</span>
+                  <span class="text-xs text-red-400" :title="audioErrors[index]">{{ t("pluginMulmoScript.errPrefix") }}</span>
                   <button
                     v-if="effectiveBeat(index).text"
                     class="text-xs px-2 py-0.5 rounded border border-gray-300 text-gray-500 hover:bg-gray-50 disabled:opacity-50"
@@ -231,7 +231,7 @@
                   class="text-xs px-2 py-0.5 rounded border border-gray-300 text-gray-500 hover:bg-gray-50"
                   @click="generateAudio(index)"
                 >
-                  ♪ Generate
+                  {{ t("pluginMulmoScript.generateAudio") }}
                 </button>
               </div>
               <button class="text-gray-400 hover:text-gray-600" :title="sourceOpen[index] ? 'Hide source' : 'Show source'" @click="toggleSource(index)">
@@ -263,7 +263,11 @@
             spellcheck="false"
           />
           <div class="flex items-center justify-end gap-2 px-2 pb-2">
-            <span v-if="beatSaveErrors[index]" class="text-xs text-red-600" role="alert">⚠ {{ beatSaveErrors[index] }}</span>
+            <span v-if="beatSaveErrors[index]" class="text-xs text-red-600" role="alert">{{
+              t(beatSaveErrors[index].kind === "invalidJson" ? "pluginMulmoScript.saveErrorInvalidJson" : "pluginMulmoScript.saveErrorSaveFailed", {
+                error: beatSaveErrors[index].error,
+              })
+            }}</span>
             <button
               class="px-2 py-1 text-xs rounded border"
               :class="
@@ -274,19 +278,19 @@
               :disabled="!isValidBeat(index) || !!beatSaving[index]"
               @click="updateBeat(index)"
             >
-              {{ beatSaving[index] ? "Saving…" : "Update" }}
+              {{ beatSaving[index] ? t("pluginMulmoScript.saving") : t("pluginMulmoScript.update") }}
             </button>
           </div>
         </div>
       </div>
 
-      <div v-if="beats.length === 0" class="flex items-center justify-center h-32 text-gray-400 text-sm">No beats found in script</div>
+      <div v-if="beats.length === 0" class="flex items-center justify-center h-32 text-gray-400 text-sm">{{ t("pluginMulmoScript.noBeats") }}</div>
     </div>
 
     <!-- Bottom bar: Edit Script Source + Copy -->
     <div class="bottom-bar-wrapper">
       <details ref="sourceDetails" class="script-source" @toggle="onSourceToggle(($event.target as HTMLDetailsElement).open)">
-        <summary>Edit Script Source</summary>
+        <summary>{{ t("pluginMulmoScript.editSource") }}</summary>
         <textarea
           v-model="editableSource"
           class="script-editor"
@@ -294,8 +298,8 @@
           spellcheck="false"
         ></textarea>
         <div class="editor-actions">
-          <button class="apply-btn" :disabled="!sourceChanged || !sourceValid" @click="applySource">Apply Changes</button>
-          <button class="cancel-btn" @click="cancelSourceEdit">Cancel</button>
+          <button class="apply-btn" :disabled="!sourceChanged || !sourceValid" @click="applySource">{{ t("pluginMulmoScript.applyChanges") }}</button>
+          <button class="cancel-btn" @click="cancelSourceEdit">{{ t("common.cancel") }}</button>
         </div>
       </details>
       <button v-show="!editing" class="copy-btn" :title="copied ? 'Copied!' : 'Copy'" @click="copyText">
@@ -328,7 +332,7 @@
               "
               @click="playAudio(lightbox.index)"
             >
-              {{ playingAudio?.index === lightbox.index ? "■ Stop" : "▶ Play" }}
+              {{ playingAudio?.index === lightbox.index ? t("pluginMulmoScript.stop") : t("pluginMulmoScript.play") }}
             </button>
           </div>
         </div>
@@ -347,7 +351,10 @@
 
 <script setup lang="ts">
 import { computed, onMounted, reactive, ref, watch } from "vue";
+import { useI18n } from "vue-i18n";
 import type { ToolResultComplete } from "gui-chat-protocol/vue";
+
+const { t } = useI18n();
 import type { MulmoScriptData } from "./index";
 import { mulmoBeatSchema, mulmoScriptSchema } from "@mulmocast/types";
 import { extractErrorMessage, getMissingCharacterKeys, shouldAutoRenderBeat, streamMovieEvents, validateBeatJSON } from "./helpers";
@@ -407,7 +414,10 @@ const sourceOpen = reactive<Record<number, boolean>>({});
 const sourceText = reactive<Record<number, string>>({});
 // Surface POST /api/mulmo-script/update-beat failures inline next to
 // the Update button. Cleared on next successful save or editor close.
-const beatSaveErrors = reactive<Record<number, string>>({});
+// Store raw error + kind tag so the template picks a localized key,
+// instead of pre-composing an English-prefixed string here.
+type BeatSaveError = { kind: "invalidJson" | "saveFailed"; error: string };
+const beatSaveErrors = reactive<Record<number, BeatSaveError>>({});
 const beatSaving = reactive<Record<number, boolean>>({});
 const localOverrides = reactive<Record<number, Beat>>({});
 const movieGenerating = ref(false);
@@ -431,7 +441,7 @@ const charErrors = reactive<Record<string, string>>({});
 const charDragOver = reactive<Record<string, boolean>>({});
 const beatDragOver = reactive<Record<number, boolean>>({});
 
-const anyBeatRendering = computed(() => Object.values(renderState).some((s) => s === "rendering"));
+const anyBeatRendering = computed(() => Object.values(renderState).some((state) => state === "rendering"));
 
 const characterKeys = computed(() => {
   const imgs = script.value.imageParams?.images ?? {};
@@ -447,10 +457,10 @@ const chatSessionId = computed(() => activeSessionRef?.value?.id);
 const pendingForThisScript = computed(() => {
   const out: Record<string, PendingGeneration> = {};
   const pending = activeSessionRef?.value?.pendingGenerations ?? {};
-  const fp = filePath.value;
-  if (!fp) return out;
+  const currentPath = filePath.value;
+  if (!currentPath) return out;
   for (const [mapKey, entry] of Object.entries(pending)) {
-    if (entry.filePath === fp) out[mapKey] = entry;
+    if (entry.filePath === currentPath) out[mapKey] = entry;
   }
   return out;
 });
@@ -606,7 +616,7 @@ async function updateBeat(index: number) {
   try {
     beat = JSON.parse(sourceText[index]);
   } catch (err) {
-    beatSaveErrors[index] = `Invalid JSON: ${errorMessage(err)}`;
+    beatSaveErrors[index] = { kind: "invalidJson", error: errorMessage(err) };
     return;
   }
   const prevImage = JSON.stringify(effectiveBeat(index).image);
@@ -620,7 +630,7 @@ async function updateBeat(index: number) {
   });
   delete beatSaving[index];
   if (!response.ok) {
-    beatSaveErrors[index] = `Save failed: ${response.error}`;
+    beatSaveErrors[index] = { kind: "saveFailed", error: response.error };
     return;
   }
 

package/src/plugins/presentMulmoScript/helpers.ts

@@ -63,7 +63,7 @@ export function shouldAutoRenderBeat(beat: { image?: { type?: string } | undefin
  * what's missing after a movie-generation event arrives.
  */
 export function getMissingCharacterKeys(keys: readonly string[], images: Record<string, unknown>, renderState: Record<string, string | undefined>): string[] {
-  return keys.filter((k) => !images[k] && renderState[k] !== "rendering");
+  return keys.filter((charKey) => !images[charKey] && renderState[charKey] !== "rendering");
 }
 
 /**

package/src/plugins/scheduler/Preview.vue

@@ -1,24 +1,27 @@
 <template>
-  <div class="text-sm">
+  <div class="p-2 text-sm">
     <div class="flex items-center gap-1 font-medium text-gray-700 mb-1">
-      <span>📅</span>
-      <span>{{ upcomingItems.length }} upcoming</span>
+      <span aria-hidden="true">{{ t("pluginScheduler.previewIcon") }}</span>
+      <span>{{ t("pluginScheduler.previewUpcoming", { count: upcomingItems.length }) }}</span>
     </div>
     <div v-for="item in preview" :key="item.id" class="text-xs truncate text-gray-600">
       <span v-if="item.props.date" class="text-gray-400 mr-1">{{ item.props.date }}</span>
       {{ item.title }}
     </div>
-    <div v-if="more > 0" class="text-xs text-gray-400">+ {{ more }} more…</div>
+    <div v-if="more > 0" class="text-xs text-gray-400">{{ t("pluginScheduler.previewMore", { count: more }) }}</div>
   </div>
 </template>
 
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
+import { useI18n } from "vue-i18n";
 import type { ToolResultComplete } from "gui-chat-protocol/vue";
 import type { SchedulerData, ScheduledItem } from "./index";
 import { useFreshPluginData } from "../../composables/useFreshPluginData";
 import { API_ROUTES } from "../../config/apiRoutes";
 
+const { t } = useI18n();
+
 const props = defineProps<{ result: ToolResultComplete<SchedulerData> }>();
 
 const items = ref<ScheduledItem[]>(props.result.data?.items ?? []);
@@ -26,8 +29,8 @@ const items = ref<ScheduledItem[]>(props.result.data?.items ?? []);
 const { refresh } = useFreshPluginData<ScheduledItem[]>({
   endpoint: () => API_ROUTES.scheduler.base,
   extract: (json) => {
-    const v = (json as { data?: { items?: ScheduledItem[] } }).data?.items;
-    return Array.isArray(v) ? v : null;
+    const extracted = (json as { data?: { items?: ScheduledItem[] } }).data?.items;
+    return Array.isArray(extracted) ? extracted : null;
   },
   apply: (data) => {
     items.value = data;
@@ -49,15 +52,15 @@ const upcomingItems = computed(() => {
   const noDate: ScheduledItem[] = [];
 
   for (const item of items.value) {
-    const d = item.props.date;
-    if (typeof d === "string") {
-      if (d >= today) withDate.push(item);
+    const dateVal = item.props.date;
+    if (typeof dateVal === "string") {
+      if (dateVal >= today) withDate.push(item);
     } else {
       noDate.push(item);
     }
   }
 
-  withDate.sort((a, b) => (String(a.props.date) < String(b.props.date) ? -1 : 1));
+  withDate.sort((itemA, itemB) => (String(itemA.props.date) < String(itemB.props.date) ? -1 : 1));
 
   return [...withDate, ...noDate];
 });

package/src/plugins/scheduler/TasksTab.vue

@@ -6,16 +6,37 @@
     </div>
 
     <!-- Loading -->
-    <div v-if="loading" class="flex items-center justify-center h-32 text-gray-400">Loading...</div>
+    <div v-if="loading" class="flex items-center justify-center h-32 text-gray-400">{{ t("common.loading") }}</div>
 
     <!-- Error -->
     <div v-else-if="error" class="px-4 py-2 bg-red-50 text-red-700 rounded text-sm">
       {{ error }}
     </div>
 
-    <!-- Task list -->
+    <!-- Task list + frequency hints -->
     <div v-else>
-      <div v-if="tasks.length === 0" class="flex items-center justify-center h-32 text-gray-400">No scheduled tasks</div>
+      <!-- Frequency hints reference -->
+      <details class="mb-4 border border-gray-200 rounded-lg text-sm" data-testid="scheduler-frequency-hints">
+        <summary class="px-3 py-2 cursor-pointer text-gray-600 font-medium select-none hover:bg-gray-50 rounded-lg">
+          {{ t("pluginSchedulerTasks.recommendedFrequencies") }}
+        </summary>
+        <table class="w-full mt-1 mb-2 text-xs text-gray-500">
+          <thead>
+            <tr class="border-b border-gray-100">
+              <th class="px-3 py-1 text-left font-medium text-gray-600">{{ t("pluginSchedulerTasks.tableTaskType") }}</th>
+              <th class="px-3 py-1 text-left font-medium text-gray-600">{{ t("pluginSchedulerTasks.tableSuggestedSchedule") }}</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr v-for="hint in FREQUENCY_HINTS" :key="hint.label" class="border-b border-gray-50 last:border-0">
+              <td class="px-3 py-1">{{ hint.label }}</td>
+              <td class="px-3 py-1 font-mono text-gray-700">{{ formatSchedule(hint.schedule) }}</td>
+            </tr>
+          </tbody>
+        </table>
+      </details>
+
+      <div v-if="tasks.length === 0" class="flex items-center justify-center h-32 text-gray-400">{{ t("pluginSchedulerTasks.noTasks") }}</div>
 
       <div v-else class="space-y-2">
         <div
@@ -40,8 +61,8 @@
               <button
                 v-if="task.origin === 'user'"
                 class="px-2 py-1 text-xs text-blue-600 hover:bg-blue-50 rounded"
-                title="Run now"
-                aria-label="Run now"
+                :title="t('pluginSchedulerTasks.runNow')"
+                :aria-label="t('pluginSchedulerTasks.runNow')"
                 data-testid="scheduler-task-run"
                 @click="runTask(task.id)"
               >
@@ -52,7 +73,7 @@
                 v-if="task.origin === 'user'"
                 class="px-2 py-1 text-xs rounded"
                 :class="task.enabled !== false ? 'text-green-600 hover:bg-green-50' : 'text-gray-400 hover:bg-gray-100'"
-                :title="task.enabled !== false ? 'Disable' : 'Enable'"
+                :title="task.enabled !== false ? t('pluginSchedulerTasks.disable') : t('pluginSchedulerTasks.enable')"
                 @click="toggleEnabled(task)"
               >
                 <span class="material-icons text-sm">
@@ -63,8 +84,8 @@
               <button
                 v-if="task.origin === 'user'"
                 class="px-2 py-1 text-xs text-red-500 hover:bg-red-50 rounded"
-                title="Delete"
-                aria-label="Delete"
+                :title="t('pluginSchedulerTasks.delete')"
+                :aria-label="t('pluginSchedulerTasks.delete')"
                 data-testid="scheduler-task-delete"
                 @click="deleteTask(task.id)"
               >
@@ -80,7 +101,7 @@
               <span class="inline-block w-2 h-2 rounded-full" :class="resultDotClass(task.state.lastRunResult)"></span>
               {{ task.state.lastRunResult }}
             </span>
-            <span v-if="task.state?.nextScheduledAt"> Next: {{ formatShortTime(task.state.nextScheduledAt) }} </span>
+            <span v-if="task.state?.nextScheduledAt">{{ t("pluginSchedulerTasks.nextRun", { time: formatShortTime(task.state.nextScheduledAt) }) }}</span>
           </div>
 
           <!-- Description -->
@@ -95,9 +116,13 @@
 
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
+import { useI18n } from "vue-i18n";
 import { apiGet, apiPost, apiPut, apiDelete } from "../../utils/api";
 import { API_ROUTES } from "../../config/apiRoutes";
 import { formatShortTime } from "../../utils/format/date";
+import { formatSchedule as formatTaskSchedule, type TaskSchedule as FormatterTaskSchedule } from "./formatSchedule";
+
+const { t } = useI18n();
 
 interface TaskSchedule {
   type: string;
@@ -121,6 +146,18 @@ interface SchedulerTask {
   state?: TaskState;
 }
 
+// Hints showing common task cadences. Stored as structured schedules
+// (not pre-rendered strings) so the display routes through
+// formatTaskSchedule() and picks up the viewer's local timezone for
+// daily rows — the same conversion applied to real tasks below.
+const FREQUENCY_HINTS: Array<{ label: string; schedule: FormatterTaskSchedule }> = [
+  { label: "News / RSS fetch", schedule: { type: "interval", intervalMs: 3_600_000 } },
+  { label: "Journal daily pass", schedule: { type: "daily", time: "23:00" } },
+  { label: "Wiki maintenance", schedule: { type: "daily", time: "02:00" } },
+  { label: "Memory extraction", schedule: { type: "daily", time: "00:00" } },
+  { label: "Calendar / contact sync", schedule: { type: "interval", intervalMs: 14_400_000 } },
+];
+
 const tasks = ref<SchedulerTask[]>([]);
 const loading = ref(true);
 const error = ref("");
@@ -139,9 +176,9 @@ async function fetchTasks(): Promise<void> {
 }
 
 function originLabel(origin: string): string {
-  if (origin === "system") return "System";
-  if (origin === "user") return "User";
-  return "Skill";
+  if (origin === "system") return t("pluginSchedulerTasks.originSystem");
+  if (origin === "user") return t("pluginSchedulerTasks.originUser");
+  return t("pluginSchedulerTasks.originSkill");
 }
 
 function originClass(origin: string): string {
@@ -157,23 +194,15 @@ function resultDotClass(result: string): string {
 }
 
 function formatSchedule(schedule: TaskSchedule): string {
-  if (schedule.type === "interval" && schedule.intervalMs) {
-    const mins = Math.round(schedule.intervalMs / 60000);
-    if (mins >= 60) return `Every ${Math.round(mins / 60)}h`;
-    return `Every ${mins}m`;
-  }
-  if (schedule.type === "daily" && schedule.time) {
-    return `Daily ${schedule.time} UTC`;
-  }
-  return JSON.stringify(schedule);
+  return formatTaskSchedule(schedule as FormatterTaskSchedule);
 }
 
-async function runTask(id: string): Promise<void> {
+async function runTask(taskId: string): Promise<void> {
   mutationError.value = "";
-  const url = API_ROUTES.scheduler.taskRun.replace(":id", id);
+  const url = API_ROUTES.scheduler.taskRun.replace(":id", taskId);
   const result = await apiPost(url, {});
   if (!result.ok) {
-    mutationError.value = `Run failed: ${result.error}`;
+    mutationError.value = t("pluginSchedulerTasks.runFailed", { error: result.error });
     return;
   }
   await fetchTasks();
@@ -184,18 +213,18 @@ async function toggleEnabled(task: SchedulerTask): Promise<void> {
   const url = API_ROUTES.scheduler.task.replace(":id", task.id);
   const result = await apiPut(url, { enabled: task.enabled === false });
   if (!result.ok) {
-    mutationError.value = `Toggle failed: ${result.error}`;
+    mutationError.value = t("pluginSchedulerTasks.toggleFailed", { error: result.error });
     return;
   }
   await fetchTasks();
 }
 
-async function deleteTask(id: string): Promise<void> {
+async function deleteTask(taskId: string): Promise<void> {
   mutationError.value = "";
-  const url = API_ROUTES.scheduler.task.replace(":id", id);
+  const url = API_ROUTES.scheduler.task.replace(":id", taskId);
   const result = await apiDelete(url);
   if (!result.ok) {
-    mutationError.value = `Delete failed: ${result.error}`;
+    mutationError.value = t("pluginSchedulerTasks.deleteFailed", { error: result.error });
     return;
   }
   await fetchTasks();

package/src/plugins/scheduler/View.vue

@@ -3,7 +3,7 @@
     <!-- API error banner — surfaces POST /api/scheduler failures so a
          delete/add/replace that silently no-ops becomes diagnosable. -->
     <div v-if="apiError" class="px-4 py-2 bg-red-50 border-b border-red-200 text-sm text-red-700" role="alert" data-testid="scheduler-api-error">
-      ⚠ Failed to update scheduler: {{ apiError }}
+      {{ t("pluginScheduler.apiError", { error: apiError }) }}
     </div>
     <!-- Top-level tab bar: Calendar / Tasks -->
     <div class="flex border-b border-gray-200 px-6">
@@ -13,7 +13,7 @@
         data-testid="scheduler-tab-calendar"
         @click="activeTab = SCHEDULER_TAB.calendar"
       >
-        Calendar
+        {{ t("pluginScheduler.tabCalendar") }}
       </button>
       <button
         class="px-4 py-2 text-sm font-medium border-b-2 -mb-px"
@@ -21,7 +21,7 @@
         data-testid="scheduler-tab-tasks"
         @click="activeTab = SCHEDULER_TAB.tasks"
       >
-        Tasks
+        {{ t("pluginScheduler.tabTasks") }}
       </button>
     </div>
 
@@ -33,17 +33,19 @@
       <!-- Header -->
       <div class="flex items-center justify-between px-6 py-3 border-b border-gray-100">
         <div class="flex items-center gap-3">
-          <h2 class="text-lg font-semibold text-gray-800">Scheduler</h2>
-          <span class="text-sm text-gray-500">{{ items.length }} item{{ items.length !== 1 ? "s" : "" }}</span>
+          <h2 class="text-lg font-semibold text-gray-800">{{ t("pluginScheduler.heading") }}</h2>
+          <span class="text-sm text-gray-500">{{ t("pluginScheduler.itemCount", items.length, { named: { count: items.length } }) }}</span>
         </div>
         <div class="flex items-center gap-2">
           <!-- Navigation (calendar modes only) -->
           <template v-if="viewMode !== SCHEDULER_VIEW.list">
-            <button class="px-2 py-1 text-sm text-gray-500 hover:text-gray-800 hover:bg-gray-100 rounded" title="Previous" @click="goPrev">
+            <button class="px-2 py-1 text-sm text-gray-500 hover:text-gray-800 hover:bg-gray-100 rounded" :title="t('pluginScheduler.prev')" @click="goPrev">
               <span class="material-icons text-sm">chevron_left</span>
             </button>
-            <button class="px-2 py-1 text-xs text-gray-600 hover:bg-gray-100 rounded" title="Go to today" @click="goToday">Today</button>
-            <button class="px-2 py-1 text-sm text-gray-500 hover:text-gray-800 hover:bg-gray-100 rounded" title="Next" @click="goNext">
+            <button class="px-2 py-1 text-xs text-gray-600 hover:bg-gray-100 rounded" :title="t('pluginScheduler.goToday')" @click="goToday">
+              {{ t("pluginScheduler.today") }}
+            </button>
+            <button class="px-2 py-1 text-sm text-gray-500 hover:text-gray-800 hover:bg-gray-100 rounded" :title="t('pluginScheduler.next')" @click="goNext">
               <span class="material-icons text-sm">chevron_right</span>
             </button>
             <span class="text-sm text-gray-600 min-w-[140px] text-center">{{ headerLabel }}</span>
@@ -66,7 +68,7 @@
 
       <!-- List view -->
       <div v-if="viewMode === SCHEDULER_VIEW.list" class="flex-1 overflow-y-auto min-h-0">
-        <div v-if="items.length === 0" class="flex items-center justify-center h-full text-gray-400">No scheduled items</div>
+        <div v-if="items.length === 0" class="flex items-center justify-center h-full text-gray-400">{{ t("pluginScheduler.noScheduled") }}</div>
 
         <ul v-else class="p-4 space-y-2">
           <li
@@ -86,14 +88,14 @@
                   :key="key"
                   class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-gray-100 text-xs text-gray-600"
                 >
-                  <span class="text-gray-400">{{ key }}:</span>
+                  <span class="text-gray-400">{{ t("pluginScheduler.propLabel", { key }) }}</span>
                   <span>{{ val }}</span>
                 </span>
               </div>
             </div>
             <button
               class="opacity-0 group-hover:opacity-100 text-gray-400 hover:text-red-500 text-xs px-1 mt-0.5 shrink-0"
-              title="Delete item"
+              :title="t('pluginScheduler.deleteItem')"
               @click.stop="remove(item)"
             >
               ✕
@@ -133,7 +135,7 @@
         </div>
         <!-- Unscheduled -->
         <div v-if="unscheduledItems.length > 0" class="p-3 border-t border-gray-200">
-          <div class="text-xs text-gray-400 mb-1.5">Unscheduled</div>
+          <div class="text-xs text-gray-400 mb-1.5">{{ t("pluginScheduler.unscheduled") }}</div>
           <div class="flex flex-wrap gap-1">
             <div
               v-for="item in unscheduledItems"
@@ -179,14 +181,14 @@
                 {{ item.title }}
               </div>
               <div v-if="itemsForDay(day).length > MAX_MONTH_ITEMS" class="text-[10px] text-gray-400 px-1">
-                +{{ itemsForDay(day).length - MAX_MONTH_ITEMS }} more
+                {{ t("pluginScheduler.moreCount", { count: itemsForDay(day).length - MAX_MONTH_ITEMS }) }}
               </div>
             </div>
           </div>
         </div>
         <!-- Unscheduled -->
         <div v-if="unscheduledItems.length > 0" class="p-3 border-t border-gray-200">
-          <div class="text-xs text-gray-400 mb-1.5">Unscheduled</div>
+          <div class="text-xs text-gray-400 mb-1.5">{{ t("pluginScheduler.unscheduled") }}</div>
           <div class="flex flex-wrap gap-1">
             <div
               v-for="item in unscheduledItems"
@@ -204,8 +206,8 @@
       <!-- Item YAML editor -->
       <div v-if="selectedId" class="border-t border-blue-200 bg-blue-50 shrink-0">
         <div class="flex items-center justify-between px-4 py-2 text-sm font-medium text-blue-700">
-          <span>Edit item</span>
-          <button class="text-blue-400 hover:text-blue-600 text-xs" title="Close editor" @click="selectedId = null">✕</button>
+          <span>{{ t("pluginScheduler.editItem") }}</span>
+          <button class="text-blue-400 hover:text-blue-600 text-xs" :title="t('pluginScheduler.closeEditor')" @click="selectedId = null">✕</button>
         </div>
         <div class="px-3 pb-3">
           <textarea
@@ -214,7 +216,9 @@
             spellcheck="false"
           />
           <div class="flex items-center gap-2 mt-2">
-            <button class="px-3 py-1.5 text-sm rounded bg-blue-500 text-white hover:bg-blue-600" @click="applyItemEdit">Update</button>
+            <button class="px-3 py-1.5 text-sm rounded bg-blue-500 text-white hover:bg-blue-600" @click="applyItemEdit">
+              {{ t("pluginScheduler.update") }}
+            </button>
             <span v-if="yamlError" class="text-xs text-red-500">{{ yamlError }}</span>
           </div>
         </div>
@@ -222,7 +226,9 @@
 
       <!-- JSON source editor -->
       <details class="border-t border-gray-200 bg-gray-50 shrink-0">
-        <summary class="cursor-pointer select-none px-4 py-2 text-sm font-medium text-gray-600 hover:bg-gray-100">Edit Source</summary>
+        <summary class="cursor-pointer select-none px-4 py-2 text-sm font-medium text-gray-600 hover:bg-gray-100">
+          {{ t("pluginScheduler.editSource") }}
+        </summary>
         <div class="p-3">
           <textarea
             v-model="editorText"
@@ -235,7 +241,7 @@
               class="px-3 py-1.5 text-sm rounded bg-blue-500 text-white hover:bg-blue-600 disabled:bg-gray-200 disabled:text-gray-400 disabled:cursor-not-allowed"
               @click="applyChanges"
             >
-              Apply Changes
+              {{ t("pluginScheduler.applyChanges") }}
             </button>
             <span v-if="parseError" class="text-xs text-red-500">{{ parseError }}</span>
           </div>
@@ -247,6 +253,7 @@
 
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
+import { useI18n } from "vue-i18n";
 import type { ToolResultComplete } from "gui-chat-protocol/vue";
 import type { SchedulerData, ScheduledItem } from "./index";
 import { useFreshPluginData } from "../../composables/useFreshPluginData";
@@ -255,6 +262,8 @@ import { API_ROUTES } from "../../config/apiRoutes";
 import TasksTab from "./TasksTab.vue";
 import { isToday } from "../../utils/format/date";
 
+const { t } = useI18n();
+
 type YamlScalar = string | number | boolean | null;
 
 const props = defineProps<{