fix+feat: offline pill, dev-server 404s, retag tag feature

Offline pill:
- useNetworkStatus: detect Tauri via window.__TAURI__; browser uses
  native navigator.onLine + events (no fetch probe = no false positives)
- checkRemoteReachable: return true immediately in non-Tauri mode;
  TCP probe via proxy is unreliable and not needed in dev:web

Dev server 404s:
- Add GET /api/git-merge-base?cwd&ref1&ref2 (git merge-base)
- Add POST /api/git-branch-merged {cwd} (git branch --merged)

Retag feature (TagsPanel):
- New 'Move tag to…' button on each tag row (→ icon)
- Dialog: target ref (default HEAD), message field for annotated tags,
  optional force-push to remote checkbox
- gitRetagTo() via gitExec (git tag -f [-a -m])
- gitForcePushTag() via gitExec (git push --force origin refs/tags/name)
- i18n: 6 new keys in all 5 locales (en/fr/es/pt-BR/zh-CN)

Author: Laurent Guitton

apps/desktop/src/components/TagsPanel.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, computed, onMounted } from "vue";
-import { gitListTags, gitDeleteTag, gitPushTags, gitDeleteRemoteTag, gitRemoteInfo, type GitTag } from "../utils/backend";
+import { gitListTags, gitDeleteTag, gitPushTags, gitDeleteRemoteTag, gitRemoteInfo, gitRetagTo, gitForcePushTag, type GitTag } from "../utils/backend";
 import { useI18n } from "../composables/useI18n";
 import BaseModal from "./BaseModal.vue";
 
@@ -23,6 +23,13 @@ const remoteName = ref("origin");
 const busyTag = ref<string | null>(null);   // name of tag currently being acted on
 const busyPushAll = ref(false);
 const confirmDelete = ref<{ name: string; withRemote: boolean } | null>(null);
+const retagDialog = ref<{
+  name: string;
+  isAnnotated: boolean;
+  ref: string;
+  message: string;
+  forcePush: boolean;
+} | null>(null);
 
 // ─── Load ────────────────────────────────────────────────
 async function load() {
@@ -98,6 +105,35 @@ async function pushTag(name: string) {
   }
 }
 
+function openRetagDialog(tag: GitTag) {
+  retagDialog.value = {
+    name: tag.name,
+    isAnnotated: tag.isAnnotated,
+    ref: "HEAD",
+    message: tag.message ?? "",
+    forcePush: hasRemote.value,
+  };
+}
+
+async function confirmRetag() {
+  if (!retagDialog.value) return;
+  const { name, isAnnotated, ref, message, forcePush } = retagDialog.value;
+  busyTag.value = name;
+  error.value = null;
+  try {
+    await gitRetagTo(props.cwd, name, ref.trim() || "HEAD", isAnnotated ? message : undefined);
+    if (forcePush && hasRemote.value) {
+      await gitForcePushTag(props.cwd, remoteName.value, name);
+    }
+    retagDialog.value = null;
+    await load();
+  } catch (err: any) {
+    error.value = err?.message ?? String(err);
+  } finally {
+    busyTag.value = null;
+  }
+}
+
 async function pushAllTags() {
   if (!hasRemote.value) return;
   busyPushAll.value = true;
@@ -183,6 +219,18 @@ async function pushAllTags() {
           </div>
         </div>
         <div class="tp-item-actions">
+          <!-- Retag: move tag to a different ref -->
+          <button
+            class="tp-action-btn"
+            :disabled="busyTag === tag.name"
+            :title="t('tags.retagTitle')"
+            @click="openRetagDialog(tag)"
+          >
+            <svg width="13" height="13" viewBox="0 0 16 16" fill="none" aria-hidden="true">
+              <path d="M2 8h9M8 5l3 3-3 3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+              <circle cx="13" cy="8" r="1.5" fill="currentColor" stroke="none"/>
+            </svg>
+          </button>
           <button
             v-if="hasRemote"
             class="tp-action-btn"
@@ -209,6 +257,52 @@ async function pushAllTags() {
       </li>
     </ul>
 
+    <!-- Retag dialog -->
+    <BaseModal
+      v-if="retagDialog"
+      :title="t('tags.retagTitle')"
+      :subtitle="retagDialog.name"
+      size="sm"
+      @close="retagDialog = null"
+    >
+      <div class="tp-form">
+        <label class="tp-form-label">{{ t('tags.retagRefLabel') }}</label>
+        <input
+          v-model="retagDialog.ref"
+          class="tp-form-input"
+          placeholder="HEAD"
+          autofocus
+          @keydown.enter="confirmRetag"
+          @keydown.escape="retagDialog = null"
+        />
+        <p class="tp-form-hint">{{ t('tags.retagRefHint') }}</p>
+
+        <template v-if="retagDialog.isAnnotated">
+          <label class="tp-form-label">{{ t('tags.retagMessageLabel') }}</label>
+          <textarea
+            v-model="retagDialog.message"
+            class="tp-form-textarea"
+            rows="3"
+          />
+        </template>
+
+        <label v-if="hasRemote" class="tp-check-label tp-check-label--warn">
+          <input type="checkbox" v-model="retagDialog.forcePush" />
+          <span>{{ t('tags.retagForcePush', remoteName) }}</span>
+        </label>
+      </div>
+      <template #footer>
+        <button class="bm-btn bm-btn--ghost" @click="retagDialog = null">{{ t('common.cancel') }}</button>
+        <button
+          class="bm-btn bm-btn--primary"
+          :disabled="busyTag === retagDialog.name"
+          @click="confirmRetag"
+        >
+          {{ busyTag === retagDialog.name ? t('common.loading') : t('tags.retagConfirm') }}
+        </button>
+      </template>
+    </BaseModal>
+
     <!-- Delete confirmation sub-modal -->
     <BaseModal
       v-if="confirmDelete"
@@ -421,12 +515,58 @@ async function pushAllTags() {
   border-left: 3px solid var(--color-danger, #ef4444);
 }
 
-/* ─── Delete confirm ────────────────────────────────────── */
+/* ─── Retag / Delete forms ──────────────────────────────── */
 .tp-check-label {
   display: flex;
   align-items: center;
   gap: var(--space-2);
   font-size: var(--font-size-sm);
   cursor: pointer;
 }
+
+.tp-check-label--warn {
+  color: var(--color-warning, #f59e0b);
+  margin-top: var(--space-3);
+}
+
+.tp-form {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+}
+
+.tp-form-label {
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-medium);
+  color: var(--color-text);
+  margin-top: var(--space-2);
+}
+
+.tp-form-input,
+.tp-form-textarea {
+  width: 100%;
+  padding: var(--space-3) var(--space-4);
+  font-size: var(--font-size-sm);
+  font-family: inherit;
+  background: var(--color-bg);
+  color: var(--color-text);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-md);
+  outline: none;
+  box-sizing: border-box;
+  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
+  resize: vertical;
+}
+
+.tp-form-input:focus,
+.tp-form-textarea:focus {
+  border-color: var(--color-accent);
+  box-shadow: 0 0 0 3px var(--color-accent-soft);
+}
+
+.tp-form-hint {
+  font-size: var(--font-size-xs);
+  color: var(--color-text-muted);
+  margin: 0;
+}
 </style>

apps/desktop/src/locales/en.ts

@@ -1532,6 +1532,12 @@ const en = {
     deleteConfirmTitle: "Delete tag",
     deleteAlsoRemote: "Also delete from {0}",
     deleteConfirm: "Delete",
+    retagTitle: "Move tag to…",
+    retagRefLabel: "Target ref (branch, SHA, or HEAD)",
+    retagRefHint: "Leave empty to move to HEAD. For a specific commit, paste its SHA.",
+    retagMessageLabel: "Tag message (annotated)",
+    retagForcePush: "Force-push tag to {0}",
+    retagConfirm: "Move tag",
   },
 
   // ─── Clone & Fork modals (v2.0) ─────────────────────────

apps/desktop/src/locales/es.ts

@@ -1496,6 +1496,12 @@ const es: Locale = {
     deleteConfirmTitle: "Eliminar tag",
     deleteAlsoRemote: "Eliminar también en {0}",
     deleteConfirm: "Eliminar",
+    retagTitle: "Mover etiqueta a…",
+    retagRefLabel: "Ref destino (rama, SHA o HEAD)",
+    retagRefHint: "Dejar vacío para mover a HEAD. Para un commit específico, pegar su SHA.",
+    retagMessageLabel: "Mensaje de etiqueta (anotada)",
+    retagForcePush: "Forzar push de etiqueta a {0}",
+    retagConfirm: "Mover etiqueta",
   },
 
 

apps/desktop/src/locales/fr.ts

@@ -1508,6 +1508,12 @@ const fr: Locale = {
     deleteConfirmTitle: "Supprimer le tag",
     deleteAlsoRemote: "Supprimer aussi sur {0}",
     deleteConfirm: "Supprimer",
+    retagTitle: "Déplacer le tag vers…",
+    retagRefLabel: "Ref cible (branche, SHA ou HEAD)",
+    retagRefHint: "Laisser vide pour déplacer vers HEAD. Pour un commit précis, coller son SHA.",
+    retagMessageLabel: "Message du tag (annoté)",
+    retagForcePush: "Forcer le push du tag vers {0}",
+    retagConfirm: "Déplacer le tag",
   },
 
 

apps/desktop/src/locales/pt-BR.ts

@@ -1496,6 +1496,12 @@ const ptBR: Locale = {
     deleteConfirmTitle: "Excluir tag",
     deleteAlsoRemote: "Excluir também em {0}",
     deleteConfirm: "Excluir",
+    retagTitle: "Mover tag para…",
+    retagRefLabel: "Ref alvo (branch, SHA ou HEAD)",
+    retagRefHint: "Deixe vazio para mover para HEAD. Para um commit específico, cole seu SHA.",
+    retagMessageLabel: "Mensagem da tag (anotada)",
+    retagForcePush: "Forçar push da tag para {0}",
+    retagConfirm: "Mover tag",
   },
 
 

apps/desktop/src/locales/zh-CN.ts

@@ -1481,6 +1481,12 @@ const zhCN: Locale = {
     deleteConfirmTitle: "删除标签",
     deleteAlsoRemote: "同时从 {0} 删除",
     deleteConfirm: "删除",
+    retagTitle: "移动标签到…",
+    retagRefLabel: "目标引用（分支、SHA 或 HEAD）",
+    retagRefHint: "留空则移动到 HEAD。如需指定提交，请粘贴其 SHA。",
+    retagMessageLabel: "标签消息（注释标签）",
+    retagForcePush: "强制推送标签到 {0}",
+    retagConfirm: "移动标签",
   },
 
 

apps/desktop/src/utils/backend.ts

@@ -1492,6 +1492,31 @@ export async function gitCreateTag(cwd: string, name: string, sha: string, messa
   if (!res.ok) throw new Error(((await res.json()) as any).error ?? `git tag failed: ${res.status}`);
 }
 
+/**
+ * Force-move an existing tag to a different ref.
+ *
+ * For annotated tags: pass the original (or new) `message` to recreate with
+ * `-a -m`. For lightweight tags: omit `message`.
+ * Thin wrapper around `gitExec` — no new Tauri command needed.
+ *
+ * To also update the remote, call `gitPushTags(cwd, remote, "single", name, true)`
+ * (force flag) after this.
+ */
+export async function gitRetagTo(
+  cwd: string,
+  name: string,
+  ref: string,
+  message?: string,
+): Promise<void> {
+  const args = message
+    ? ["tag", "-f", "-a", name, ref, "-m", message]
+    : ["tag", "-f", name, ref];
+  const result = await gitExec(cwd, args);
+  if (result.exitCode !== 0) {
+    throw new Error(result.stderr?.trim() || `git tag -f failed (exit ${result.exitCode})`);
+  }
+}
+
 // ─── Tags manager (v1.9) ───────────────────────────────────
 
 export interface GitTag {
@@ -1559,6 +1584,17 @@ export async function gitPushTags(
   if (!res.ok) throw new Error(((await res.json()) as any).error ?? `git push-tags failed: ${res.status}`);
 }
 
+/**
+ * Force-push a single tag to the remote (`git push --force <remote> refs/tags/<name>`).
+ * Used after `gitRetagTo` to overwrite the remote tag pointer.
+ */
+export async function gitForcePushTag(cwd: string, remote: string, name: string): Promise<void> {
+  const result = await gitExec(cwd, ["push", "--force", remote, `refs/tags/${name}`]);
+  if (result.exitCode !== 0) {
+    throw new Error(result.stderr?.trim() || `git push --force tag failed (exit ${result.exitCode})`);
+  }
+}
+
 export async function gitDeleteRemoteTag(cwd: string, remote: string, name: string): Promise<void> {
   if (isTauri()) {
     await tauriInvoke("git_delete_remote_tag", { cwd, remote, name });