fix(stacked-note): act on outdated badge clicks

Clicking the badge while it shows outdated now pulls the latest version
from GitHub when there are no unsaved edits, or opens the conflict
modal when edits are in flight. Previously the click only re-ran the
same freshness check, so the badge appeared dead.

src/components/StackedNote.vue

@@ -239,6 +239,25 @@ const onConflictOverwrite = async () => {
 const onConflictCancel = () => {
   if (mode.value === "read") toggleMode()
 }
+
+const onBadgeClick = async () => {
+  if (freshnessStatus.value !== "outdated") {
+    await checkFreshness()
+    return
+  }
+
+  const hasUnsavedEdits = rawContent.value !== initialRawContent.value
+  if (hasUnsavedEdits) {
+    conflictOpen.value = true
+    return
+  }
+
+  const newRaw = await pullLatest()
+  if (newRaw !== null) {
+    rawContent.value = newRaw
+    initialRawContent.value = newRaw
+  }
+}
 </script>
 
 <template>
@@ -270,7 +289,7 @@ const onConflictCancel = () => {
         <note-freshness-badge
           :status="freshnessStatus"
           :last-checked-at="lastCheckedAt"
-          @click="checkFreshness"
+          @click="onBadgeClick"
         />
         <button
           v-if="isMarkdown"

src/hooks/useGitHubContent.hook.ts

@@ -16,7 +16,12 @@ export const useGitHubContent = ({
       const octokit = await getOctokit()
       const response = await octokit.request(
         "GET /repos/{owner}/{repo}/contents/{path}",
-        { owner: user, repo, path }
+        {
+          owner: user,
+          repo,
+          path,
+          headers: { "X-GitHub-Api-Version": "2022-11-28" }
+        }
       )
       const data = response?.data
       if (Array.isArray(data) || !data) return null