sync: update from private repo (e62f5c7)

ui/src/components/dashboard/SideInfoPanel.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { useDashboardWidgets } from '../../hooks/useDashboardWidgets';
 import { WidgetTabBar, WORKER_TAB_SLUG } from './WidgetTabBar';
 import { WorkerStatusWidget } from './WorkerStatusWidget';
@@ -20,6 +21,7 @@ export function SideInfoPanel({
   collapsed,
   onToggleCollapse,
 }: Props) {
+  const { t } = useTranslation('dashboard');
   const { widgets, create, update, remove } = useDashboardWidgets();
   const [localActive, setLocalActive] = useState<string>(WORKER_TAB_SLUG);
   const activeSlug = activeSlugProp ?? localActive;
@@ -37,7 +39,7 @@ export function SideInfoPanel({
         onSelect={setActive}
         onAdd={() => setDialogOpen(true)}
         onDeleteWidget={async (w) => {
-          if (!window.confirm(`"${w.title}" を削除しますか？`)) return;
+          if (!window.confirm(t('panel.deleteConfirm', { title: w.title }))) return;
           await remove.mutateAsync(w.id);
           if (activeSlug === w.slug) setActive(WORKER_TAB_SLUG);
         }}
@@ -64,7 +66,7 @@ export function SideInfoPanel({
             />
           )}
           {activeSlug !== WORKER_TAB_SLUG && !activeWidget && (
-            <div className="p-3 text-xs text-slate-500">ウィジェットが見つかりません</div>
+            <div className="p-3 text-xs text-slate-500">{t('panel.widgetNotFound')}</div>
           )}
         </div>
       )}