From 0ba4d86c9a52899a90be491ee62442c929df8a3f Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Fri, 1 Mar 2024 02:11:13 +0900
Subject: [PATCH 01/18] feat: add schedule post button to publish widget

---
 components/publish/PublishWidget.vue | 20 +++++++++++++++++++-
 locales/en.json                      |  1 +
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index cc7190dd..49e3ed7c 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -132,6 +132,8 @@ const expiresInOptions = computed(() => [
 
 const expiresInDefaultOptionIndex = 2
 
+const scheduleDateTime = ref('')
+
 const characterCount = computed(() => {
   const text = htmlToText(editor.value?.getHTML() || '')
 
@@ -462,7 +464,23 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
 
             <PublishEditorTools v-if="editor" :editor="editor" />
 
-            <div flex-auto />
+          <CommonDropdown placement="bottom">
+            <CommonTooltip placement="top" :content="$t('tooltip.schedule_post')" no-auto-focus>
+              <button btn-action-icon :aria-label="$t('tooltip.schedule_post')">
+                <div i-ri:calendar-schedule-line />
+              </button>
+            </CommonTooltip>
+            <template #popper>
+              <input
+                v-model="scheduleDateTime"
+                p2
+                type="datetime-local"
+                name="schedule-datetime"
+              >
+            </template>
+          </CommonDropdown>
+
+          <div flex-auto />
 
             <PublishCharacterCounter :max="characterLimit" :length="characterCount" />
 
diff --git a/locales/en.json b/locales/en.json
index 4097fe3b..0c67c48b 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -742,6 +742,7 @@
     "pick_an_icon": "Pick an icon",
     "publish_failed": "Close failed messages at the top of editor to republish posts",
     "remove_thread_item": "Remove item from thread",
+    "schedule_post": "Schedule post",
     "start_thread": "Start thread",
     "toggle_bold": "Toggle bold",
     "toggle_code_block": "Toggle code block",

From 281145853e2d26a62260ed539e3ad44f3265c568 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Fri, 1 Mar 2024 03:05:04 +0900
Subject: [PATCH 02/18] feat: colorize schedule icon when schedule time is set

---
 components/publish/PublishWidget.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index 49e3ed7c..af0cb93e 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -467,7 +467,7 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
           <CommonDropdown placement="bottom">
             <CommonTooltip placement="top" :content="$t('tooltip.schedule_post')" no-auto-focus>
               <button btn-action-icon :aria-label="$t('tooltip.schedule_post')">
-                <div i-ri:calendar-schedule-line />
+                <div i-ri:calendar-schedule-line :class="scheduleDateTime !== '' ? 'text-primary' : ''" />
               </button>
             </CommonTooltip>
             <template #popper>

From 13f9aa28e30f47eefb33d53eed84bd19bec0017c Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Fri, 1 Mar 2024 03:25:41 +0900
Subject: [PATCH 03/18] feat: replace `CreateStatusParams` with its superset
 type`CreateScheduledStatusParams` including an extra `scheduledAt` param

ref. CreateScheduledStatusParams | masto - https://neet.github.io/masto.js/types/mastodon.rest.v1.CreateScheduledStatusParams.html
---
 composables/masto/publish.ts      | 2 +-
 composables/masto/statusDrafts.ts | 2 +-
 types/index.ts                    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/composables/masto/publish.ts b/composables/masto/publish.ts
index a00b29f4..e0768e31 100644
--- a/composables/masto/publish.ts
+++ b/composables/masto/publish.ts
@@ -95,7 +95,7 @@ export function usePublish(options: {
       language: draftItem.value.params.language || preferredLanguage.value,
       poll,
       ...(isGlitchEdition.value ? { 'content-type': 'text/markdown' } : {}),
-    } as mastodon.rest.v1.CreateStatusParams
+    } as mastodon.rest.v1.CreateScheduledStatusParams
 
     if (import.meta.dev) {
       // eslint-disable-next-line no-console
diff --git a/composables/masto/statusDrafts.ts b/composables/masto/statusDrafts.ts
index 53546f45..9d3bb0c6 100644
--- a/composables/masto/statusDrafts.ts
+++ b/composables/masto/statusDrafts.ts
@@ -25,7 +25,7 @@ function getDefaultVisibility(currentVisibility: mastodon.v1.StatusVisibility) {
     : preferredVisibility
 }
 
-export function getDefaultDraftItem(options: Partial<Mutable<mastodon.rest.v1.CreateStatusParams> & Omit<DraftItem, 'params'>> = {}): DraftItem {
+export function getDefaultDraftItem(options: Partial<Mutable<mastodon.rest.v1.CreateScheduledStatusParams> & Omit<DraftItem, 'params'>> = {}): DraftItem {
   const {
     attachments = [],
     initialText = '',
diff --git a/types/index.ts b/types/index.ts
index 4faa023f..ba037756 100644
--- a/types/index.ts
+++ b/types/index.ts
@@ -48,7 +48,7 @@ export type TranslateFn = ReturnType<typeof useI18n>['t']
 export interface DraftItem {
   editingStatus?: mastodon.v1.Status
   initialText?: string
-  params: MarkNonNullable<Mutable<Omit<mastodon.rest.v1.CreateStatusParams, 'poll'>>, 'status' | 'language' | 'sensitive' | 'spoilerText' | 'visibility'> & { poll: Mutable<mastodon.rest.v1.CreateStatusParams['poll']> }
+  params: MarkNonNullable<Mutable<Omit<mastodon.rest.v1.CreateScheduledStatusParams, 'poll'>>, 'status' | 'language' | 'sensitive' | 'spoilerText' | 'visibility'> & { poll: Mutable<mastodon.rest.v1.CreateScheduledStatusParams['poll']> }
   attachments: mastodon.v1.MediaAttachment[]
   lastUpdated: number
   mentions?: string[]

From 0883d1f226e478d11ce34691eb32c1b5ce0b36b1 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Fri, 1 Mar 2024 03:32:56 +0900
Subject: [PATCH 04/18] feat: update `Draft`'s `scheduledAt` param

---
 components/publish/PublishWidget.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index af0cb93e..c68d59eb 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -134,6 +134,10 @@ const expiresInDefaultOptionIndex = 2
 
 const scheduleDateTime = ref('')
 
+watchEffect(() => {
+  draft.value.params.scheduledAt = scheduleDateTime.value
+})
+
 const characterCount = computed(() => {
   const text = htmlToText(editor.value?.getHTML() || '')
 

From 2ed5af94c9b0fdb4fe76bab3a0b41981d660b61e Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Fri, 1 Mar 2024 03:34:28 +0900
Subject: [PATCH 05/18] feat: convert datetime string into ISO 8601 datetime
 string

ref. statuses API methods - Mastodon documentation - https://docs.joinmastodon.org/methods/statuses/#form-data-parameters
---
 composables/masto/publish.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/composables/masto/publish.ts b/composables/masto/publish.ts
index e0768e31..25fb3ced 100644
--- a/composables/masto/publish.ts
+++ b/composables/masto/publish.ts
@@ -87,6 +87,10 @@ export function usePublish(options: {
       poll = { ...draftItem.value.params.poll, options }
     }
 
+    if (draft.value.params.scheduledAt)
+      // TODO: return type become non `Status` object now! what to do?
+      draft.value.params.scheduledAt = new Date(draft.value.params.scheduledAt).toISOString()
+
     const payload = {
       ...draftItem.value.params,
       spoilerText: publishSpoilerText.value,

From 9cdfc1602e6d501d20f3c86dde51100506a16c51 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Fri, 1 Mar 2024 03:35:20 +0900
Subject: [PATCH 06/18] feat: support `scheduledAt` param in
 `getDefaultDraft()` function

---
 composables/masto/statusDrafts.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/composables/masto/statusDrafts.ts b/composables/masto/statusDrafts.ts
index 9d3bb0c6..2b6548d9 100644
--- a/composables/masto/statusDrafts.ts
+++ b/composables/masto/statusDrafts.ts
@@ -37,6 +37,7 @@ export function getDefaultDraftItem(options: Partial<Mutable<mastodon.rest.v1.Cr
     language,
     mentions,
     poll,
+    scheduledAt,
   } = options
 
   return {
@@ -45,6 +46,7 @@ export function getDefaultDraftItem(options: Partial<Mutable<mastodon.rest.v1.Cr
     params: {
       status: status || '',
       poll,
+      scheduledAt,
       inReplyToId,
       visibility: getDefaultVisibility(visibility || 'public'),
       sensitive: sensitive ?? false,

From df31812b7e55e2b95d6ef49c58f8a064bb51f654 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Sat, 2 Mar 2024 00:42:27 +0900
Subject: [PATCH 07/18] fix: avoid returning `ScheduledStatus` when creating
 scheduled post

---
 composables/masto/publish.ts | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/composables/masto/publish.ts b/composables/masto/publish.ts
index 25fb3ced..71bec9d7 100644
--- a/composables/masto/publish.ts
+++ b/composables/masto/publish.ts
@@ -62,7 +62,7 @@ export function usePublish(options: {
       failedMessages.value.length = 0
   }, { deep: true })
 
-  async function publishDraft() {
+  async function publishDraft(): Promise<mastodon.v1.Status | undefined> {
     if (isPublishDisabled.value)
       return
 
@@ -71,7 +71,6 @@ export function usePublish(options: {
       content = `${draftItem.value.mentions.map(i => `@${i}`).join(' ')} ${content}`
 
     let poll
-
     if (draftItem.value.params.poll) {
       let options = draftItem.value.params.poll.options
 
@@ -87,9 +86,9 @@ export function usePublish(options: {
       poll = { ...draftItem.value.params.poll, options }
     }
 
+    let scheduledAt
     if (draft.value.params.scheduledAt)
-      // TODO: return type become non `Status` object now! what to do?
-      draft.value.params.scheduledAt = new Date(draft.value.params.scheduledAt).toISOString()
+      scheduledAt = new Date(draft.value.params.scheduledAt).toISOString()
 
     const payload = {
       ...draftItem.value.params,
@@ -98,6 +97,7 @@ export function usePublish(options: {
       mediaIds: draftItem.value.attachments.map(a => a.id),
       language: draftItem.value.params.language || preferredLanguage.value,
       poll,
+      scheduledAt,
       ...(isGlitchEdition.value ? { 'content-type': 'text/markdown' } : {}),
     } as mastodon.rest.v1.CreateScheduledStatusParams
 
@@ -119,6 +119,12 @@ export function usePublish(options: {
       let status: mastodon.v1.Status
       if (!draftItem.value.editingStatus) {
         status = await client.value.v1.statuses.create(payload)
+
+        if (scheduledAt)
+          // When created a scheduled post, it returns `mastodon.v1.ScheduledStatus` instead
+          // We want to return only Status, which will be used to route to the posted status page
+          // ref. Mastodon documentation - https://docs.joinmastodon.org/methods/statuses/#create
+          return
       }
 
       else {

From c0e2670c7d13fe23ce86b93419270423909477c7 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Sun, 3 Mar 2024 17:32:35 +0900
Subject: [PATCH 08/18] feat: replace "publish" with "schedule" in label/aria
 text

---
 components/publish/PublishWidget.vue | 27 +++++++++++++++++++++++++--
 locales/en.json                      |  5 +++++
 2 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index c68d59eb..68a1d8b3 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -306,6 +306,28 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
                 </li>
               </ol>
             </CommonErrorMessage>
+        <CommonErrorMessage v-if="failedMessages.length > 0" described-by="publish-failed">
+          <header id="publish-failed" flex justify-between>
+            <div flex items-center gap-x-2 font-bold>
+              <div aria-hidden="true" i-ri:error-warning-fill />
+              <p>{{ scheduleDateTime ? $t('state.schedule_failed') : $t('state.publish_failed') }}</p>
+            </div>
+            <CommonTooltip placement="bottom" :content="scheduleDateTime ? $t('state.clear_schedule_failed') : $t('action.clear_publish_failed')">
+              <button
+                flex rounded-4 p1 hover:bg-active cursor-pointer transition-100 :aria-label="scheduleDateTime ? $t('state.clear_schedule_failed') : $t('action.clear_publish_failed')"
+                @click="failedMessages = []"
+              >
+                <span aria-hidden="true" w="1.75em" h="1.75em" i-ri:close-line />
+              </button>
+            </CommonTooltip>
+          </header>
+          <ol ps-2 sm:ps-1>
+            <li v-for="(error, i) in failedMessages" :key="i" flex="~ col sm:row" gap-y-1 sm:gap-x-2>
+              <strong>{{ i + 1 }}.</strong>
+              <span>{{ error }}</span>
+            </li>
+          </ol>
+        </CommonErrorMessage>
 
             <div relative flex-1 flex flex-col :class="shouldExpanded ? 'min-h-30' : ''">
               <EditorContent
@@ -525,7 +547,7 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
 
             <CommonTooltip
               v-if="failedMessages.length > 0" id="publish-failed-tooltip" placement="top"
-              :content="$t('tooltip.publish_failed')"
+              :content="scheduleDateTime ? $t('state.schedule_failed') : $t('tooltip.publish_failed')"
             >
               <button
                 btn-danger rounded-3 text-sm w-full flex="~ gap1" items-center md:w-fit
@@ -534,7 +556,7 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
                 <span block>
                   <div block i-carbon:face-dizzy-filled />
                 </span>
-                <span>{{ $t('state.publish_failed') }}</span>
+                <span>{{ scheduleDateTime ? $t('state.schedule_failed') : $t('state.publish_failed') }}</span>
               </button>
             </CommonTooltip>
 
@@ -561,6 +583,7 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
                 <template v-else>
                   <span v-if="draft.editingStatus">{{ $t('action.save_changes') }}</span>
                   <span v-else-if="draft.params.inReplyToId">{{ $t('action.reply') }}</span>
+                  <span v-else-if="scheduleDateTime">{{ !isSending ? $t('action.schedule') : $t('state.scheduling') }}</span>
                   <span v-else>{{ !isSending ? $t('action.publish') : $t('state.publishing') }}</span>
                 </template>
               </button>
diff --git a/locales/en.json b/locales/en.json
index 0c67c48b..f840d7ac 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -61,6 +61,7 @@
     "clear": "Clear",
     "clear_publish_failed": "Clear publish errors",
     "clear_save_failed": "Clear save errors",
+    "clear_schedule_failed": "Clear schedule errors",
     "clear_upload_failed": "Clear file upload errors",
     "close": "Close",
     "compose": "Compose",
@@ -82,6 +83,7 @@
     "reset": "Reset",
     "save": "Save",
     "save_changes": "Save changes",
+    "schedule": "Schedule",
     "sign_in": "Sign in",
     "sign_in_to": "Sign in to {0}",
     "switch_account": "Switch account",
@@ -615,6 +617,8 @@
     "publish_failed": "Publish failed",
     "publishing": "Publishing",
     "save_failed": "Save failed",
+    "schedule_failed": "Schedule failed",
+    "scheduling": "Scheduling",
     "upload_failed": "Upload failed",
     "uploading": "Uploading..."
   },
@@ -742,6 +746,7 @@
     "pick_an_icon": "Pick an icon",
     "publish_failed": "Close failed messages at the top of editor to republish posts",
     "remove_thread_item": "Remove item from thread",
+    "schedule_failed": "Close failed messages at the top of editor to reschedule posts",
     "schedule_post": "Schedule post",
     "start_thread": "Start thread",
     "toggle_bold": "Toggle bold",

From 8a55a28ba96f744cf7dab716b13742cd43c64e7e Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Sun, 3 Mar 2024 19:10:00 +0900
Subject: [PATCH 09/18] fix: ensure to clear the draft after posting

---
 composables/masto/publish.ts | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/composables/masto/publish.ts b/composables/masto/publish.ts
index 71bec9d7..8c0b22f9 100644
--- a/composables/masto/publish.ts
+++ b/composables/masto/publish.ts
@@ -119,14 +119,7 @@ export function usePublish(options: {
       let status: mastodon.v1.Status
       if (!draftItem.value.editingStatus) {
         status = await client.value.v1.statuses.create(payload)
-
-        if (scheduledAt)
-          // When created a scheduled post, it returns `mastodon.v1.ScheduledStatus` instead
-          // We want to return only Status, which will be used to route to the posted status page
-          // ref. Mastodon documentation - https://docs.joinmastodon.org/methods/statuses/#create
-          return
       }
-
       else {
         status = await client.value.v1.statuses.$select(draftItem.value.editingStatus.id).update({
           ...payload,
@@ -141,6 +134,12 @@ export function usePublish(options: {
 
       draftItem.value = options.initialDraft()
 
+      if (scheduledAt)
+        // When created a scheduled post, it returns `mastodon.v1.ScheduledStatus` instead
+        // We want to return only Status, which will be used to route to the posted status page
+        // ref. Mastodon documentation - https://docs.joinmastodon.org/methods/statuses/#create
+        return
+
       return status
     }
     catch (err) {

From 029c23bc02ab3dbec0653f336ac7c83425f2bd39 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Sun, 3 Mar 2024 21:23:57 +0900
Subject: [PATCH 10/18] fix: check if actual response is `ScheduledStatus`
 since Mastodon API could post and return `Status` even if specified
 `scheduled_at` in request

---
 composables/masto/publish.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/composables/masto/publish.ts b/composables/masto/publish.ts
index 8c0b22f9..3d611a79 100644
--- a/composables/masto/publish.ts
+++ b/composables/masto/publish.ts
@@ -134,7 +134,7 @@ export function usePublish(options: {
 
       draftItem.value = options.initialDraft()
 
-      if (scheduledAt)
+      if ('scheduled_at' in status)
         // When created a scheduled post, it returns `mastodon.v1.ScheduledStatus` instead
         // We want to return only Status, which will be used to route to the posted status page
         // ref. Mastodon documentation - https://docs.joinmastodon.org/methods/statuses/#create

From 9671a37fd1d47f1f4102c84c9ca18b34fe87d677 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Sun, 3 Mar 2024 23:51:16 +0900
Subject: [PATCH 11/18] refactor: `scheduleDateTime` -> `scheduledTime`

---
 components/publish/PublishWidget.vue | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index 68a1d8b3..91a7baf7 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -132,10 +132,9 @@ const expiresInOptions = computed(() => [
 
 const expiresInDefaultOptionIndex = 2
 
-const scheduleDateTime = ref('')
-
+const scheduledTime = ref('')
 watchEffect(() => {
-  draft.value.params.scheduledAt = scheduleDateTime.value
+  draft.value.params.scheduledAt = scheduledTime.value
 })
 
 const characterCount = computed(() => {
@@ -310,11 +309,11 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
           <header id="publish-failed" flex justify-between>
             <div flex items-center gap-x-2 font-bold>
               <div aria-hidden="true" i-ri:error-warning-fill />
-              <p>{{ scheduleDateTime ? $t('state.schedule_failed') : $t('state.publish_failed') }}</p>
+              <p>{{ scheduledTime ? $t('state.schedule_failed') : $t('state.publish_failed') }}</p>
             </div>
-            <CommonTooltip placement="bottom" :content="scheduleDateTime ? $t('state.clear_schedule_failed') : $t('action.clear_publish_failed')">
+            <CommonTooltip placement="bottom" :content="scheduledTime ? $t('state.clear_schedule_failed') : $t('action.clear_publish_failed')">
               <button
-                flex rounded-4 p1 hover:bg-active cursor-pointer transition-100 :aria-label="scheduleDateTime ? $t('state.clear_schedule_failed') : $t('action.clear_publish_failed')"
+                flex rounded-4 p1 hover:bg-active cursor-pointer transition-100 :aria-label="scheduledTime ? $t('state.clear_schedule_failed') : $t('action.clear_publish_failed')"
                 @click="failedMessages = []"
               >
                 <span aria-hidden="true" w="1.75em" h="1.75em" i-ri:close-line />
@@ -493,12 +492,12 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
           <CommonDropdown placement="bottom">
             <CommonTooltip placement="top" :content="$t('tooltip.schedule_post')" no-auto-focus>
               <button btn-action-icon :aria-label="$t('tooltip.schedule_post')">
-                <div i-ri:calendar-schedule-line :class="scheduleDateTime !== '' ? 'text-primary' : ''" />
+                <div i-ri:calendar-schedule-line :class="scheduledTime !== '' ? 'text-primary' : ''" />
               </button>
             </CommonTooltip>
             <template #popper>
               <input
-                v-model="scheduleDateTime"
+                v-model="scheduledTime"
                 p2
                 type="datetime-local"
                 name="schedule-datetime"
@@ -547,7 +546,7 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
 
             <CommonTooltip
               v-if="failedMessages.length > 0" id="publish-failed-tooltip" placement="top"
-              :content="scheduleDateTime ? $t('state.schedule_failed') : $t('tooltip.publish_failed')"
+              :content="scheduledTime ? $t('state.schedule_failed') : $t('tooltip.publish_failed')"
             >
               <button
                 btn-danger rounded-3 text-sm w-full flex="~ gap1" items-center md:w-fit
@@ -556,7 +555,7 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
                 <span block>
                   <div block i-carbon:face-dizzy-filled />
                 </span>
-                <span>{{ scheduleDateTime ? $t('state.schedule_failed') : $t('state.publish_failed') }}</span>
+                <span>{{ scheduledTime ? $t('state.schedule_failed') : $t('state.publish_failed') }}</span>
               </button>
             </CommonTooltip>
 
@@ -583,7 +582,7 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
                 <template v-else>
                   <span v-if="draft.editingStatus">{{ $t('action.save_changes') }}</span>
                   <span v-else-if="draft.params.inReplyToId">{{ $t('action.reply') }}</span>
-                  <span v-else-if="scheduleDateTime">{{ !isSending ? $t('action.schedule') : $t('state.scheduling') }}</span>
+                  <span v-else-if="scheduledTime">{{ !isSending ? $t('action.schedule') : $t('state.scheduling') }}</span>
                   <span v-else>{{ !isSending ? $t('action.publish') : $t('state.publishing') }}</span>
                 </template>
               </button>

From 499672a948afc51fd42cfaa21678a3a7a3048d07 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Sun, 3 Mar 2024 23:52:10 +0900
Subject: [PATCH 12/18] feat: calculate minimum scheduled time (5 minutes + 5
 seconds buffer) to ensure to be scheduled

---
 components/publish/PublishWidget.vue | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index 91a7baf7..ddd107e4 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -2,6 +2,7 @@
 import type { mastodon } from 'masto'
 import type { DraftItem } from '~/types'
 import { EditorContent } from '@tiptap/vue-3'
+import { useNow } from '@vueuse/core'
 import stringLength from 'string-length'
 
 const {
@@ -137,6 +138,26 @@ watchEffect(() => {
   draft.value.params.scheduledAt = scheduledTime.value
 })
 
+const now = useNow({ interval: 1000 })
+const minimumScheduledTime = ref()
+watchEffect(() => {
+  minimumScheduledTime.value = getMinimumScheduledTime(now.value)
+})
+
+// Calculate the minimum scheduled time.
+// Mastodon API allows to set the scheduled time to 5 minutes in the future
+// but if the specified scheduled time is less than 5 minutes, Mastodon will
+// send the post immediately.
+// To prevent this, we add a buffer and round up the minutes.
+function getMinimumScheduledTime(now: Date): string {
+  const bufferInSec = 5 + 5 * 60 // + 5 minutes and 5 seconds
+  const nowInSec = Math.floor(now.getTime() / 1000)
+  const bufferedTimeInSec
+      = Math.ceil((nowInSec + bufferInSec) / 60) * 60
+  const minimumScheduledTime = new Date(bufferedTimeInSec * 1000)
+  return minimumScheduledTime.toISOString().slice(0, 16)
+}
+
 const characterCount = computed(() => {
   const text = htmlToText(editor.value?.getHTML() || '')
 
@@ -501,6 +522,7 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
                 p2
                 type="datetime-local"
                 name="schedule-datetime"
+                :min="minimumScheduledTime"
               >
             </template>
           </CommonDropdown>

From 4d6ecddcd0192d0469aef38ca680cf7dc5615f53 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Mon, 4 Mar 2024 02:35:53 +0900
Subject: [PATCH 13/18] feat: check validity of schedule time and show warning
 notice

---
 components/publish/PublishWidget.vue | 43 +++++++++++++++++++---------
 locales/en.json                      |  1 +
 2 files changed, 31 insertions(+), 13 deletions(-)

diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index ddd107e4..2a0f9271 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -134,14 +134,19 @@ const expiresInOptions = computed(() => [
 const expiresInDefaultOptionIndex = 2
 
 const scheduledTime = ref('')
-watchEffect(() => {
-  draft.value.params.scheduledAt = scheduledTime.value
+const now = useNow({ interval: 1000 })
+const minimumScheduledTime = computed(() => getMinimumScheduledTime(now.value))
+
+const isValidScheduledTime = computed(() => {
+  if (scheduledTime.value === '')
+    return true
+
+  const scheduledTimeDate = new Date(scheduledTime.value)
+  return minimumScheduledTime.value.getTime() <= scheduledTimeDate.getTime()
 })
 
-const now = useNow({ interval: 1000 })
-const minimumScheduledTime = ref()
 watchEffect(() => {
-  minimumScheduledTime.value = getMinimumScheduledTime(now.value)
+  draft.value.params.scheduledAt = scheduledTime.value
 })
 
 // Calculate the minimum scheduled time.
@@ -149,13 +154,16 @@ watchEffect(() => {
 // but if the specified scheduled time is less than 5 minutes, Mastodon will
 // send the post immediately.
 // To prevent this, we add a buffer and round up the minutes.
-function getMinimumScheduledTime(now: Date): string {
+function getMinimumScheduledTime(now: Date): Date {
   const bufferInSec = 5 + 5 * 60 // + 5 minutes and 5 seconds
   const nowInSec = Math.floor(now.getTime() / 1000)
   const bufferedTimeInSec
       = Math.ceil((nowInSec + bufferInSec) / 60) * 60
-  const minimumScheduledTime = new Date(bufferedTimeInSec * 1000)
-  return minimumScheduledTime.toISOString().slice(0, 16)
+  return new Date(bufferedTimeInSec * 1000)
+}
+
+function getDatetimeInputFormat(time: Date) {
+  return time.toISOString().slice(0, 16)
 }
 
 const characterCount = computed(() => {
@@ -332,9 +340,9 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
               <div aria-hidden="true" i-ri:error-warning-fill />
               <p>{{ scheduledTime ? $t('state.schedule_failed') : $t('state.publish_failed') }}</p>
             </div>
-            <CommonTooltip placement="bottom" :content="scheduledTime ? $t('state.clear_schedule_failed') : $t('action.clear_publish_failed')">
+            <CommonTooltip placement="bottom" :content="scheduledTime ? $t('action.clear_schedule_failed') : $t('action.clear_publish_failed')">
               <button
-                flex rounded-4 p1 hover:bg-active cursor-pointer transition-100 :aria-label="scheduledTime ? $t('state.clear_schedule_failed') : $t('action.clear_publish_failed')"
+                flex rounded-4 p1 hover:bg-active cursor-pointer transition-100 :aria-label="scheduledTime ? $t('action.clear_schedule_failed') : $t('action.clear_publish_failed')"
                 @click="failedMessages = []"
               >
                 <span aria-hidden="true" w="1.75em" h="1.75em" i-ri:close-line />
@@ -349,6 +357,15 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
           </ol>
         </CommonErrorMessage>
 
+        <CommonErrorMessage v-if="!isValidScheduledTime" described-by="scheduled-time-invalid" pt-2>
+          <header id="scheduled-time-invalid" flex justify-between>
+            <div flex items-center gap-x-2 font-bold>
+              <div aria-hidden="true" i-ri:error-warning-fill />
+              <p>{{ $t('state.schedule_time_invalid', [minimumScheduledTime.toLocaleString()]) }}</p>
+            </div>
+          </header>
+        </CommonErrorMessage>
+
             <div relative flex-1 flex flex-col :class="shouldExpanded ? 'min-h-30' : ''">
               <EditorContent
                 :editor="editor" flex max-w-full
@@ -522,7 +539,7 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
                 p2
                 type="datetime-local"
                 name="schedule-datetime"
-                :min="minimumScheduledTime"
+                :min="getDatetimeInputFormat(minimumScheduledTime)"
               >
             </template>
           </CommonDropdown>
@@ -589,7 +606,7 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
                 v-if="!threadIsActive || isFinalItemOfThread"
                 btn-solid rounded-3 text-sm w-full flex="~ gap1" items-center md:w-fit class="publish-button"
                 :aria-disabled="isPublishDisabled || isExceedingCharacterLimit" aria-describedby="publish-tooltip"
-                :disabled="isPublishDisabled || isExceedingCharacterLimit"
+                :disabled="isPublishDisabled || isExceedingCharacterLimit || !isValidScheduledTime"
                 @click="publish"
               >
                 <span v-if="isSending" block animate-spin preserve-3d>
@@ -603,8 +620,8 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
                 </template>
                 <template v-else>
                   <span v-if="draft.editingStatus">{{ $t('action.save_changes') }}</span>
-                  <span v-else-if="draft.params.inReplyToId">{{ $t('action.reply') }}</span>
                   <span v-else-if="scheduledTime">{{ !isSending ? $t('action.schedule') : $t('state.scheduling') }}</span>
+                  <span v-else-if="draft.params.inReplyToId">{{ $t('action.reply') }}</span>
                   <span v-else>{{ !isSending ? $t('action.publish') : $t('state.publishing') }}</span>
                 </template>
               </button>
diff --git a/locales/en.json b/locales/en.json
index f840d7ac..e38036b6 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -618,6 +618,7 @@
     "publishing": "Publishing",
     "save_failed": "Save failed",
     "schedule_failed": "Schedule failed",
+    "schedule_time_invalid": "The scheduled time must be at least 5 minutes later in the future. Set to {0} or later.",
     "scheduling": "Scheduling",
     "upload_failed": "Upload failed",
     "uploading": "Uploading..."

From 54632dbb4c828f698dfe561ade752e785ab9a945 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Mon, 4 Mar 2024 02:43:23 +0900
Subject: [PATCH 14/18] style: change text color to red in datetime input with
 invalid scheduled time

---
 components/publish/PublishWidget.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index 2a0f9271..9ac0cf1d 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -645,7 +645,7 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
   color: var(--c-text-btn-disabled);
 }
 
-.option-input:focus+.delete-button {
+.option-input:focus + .delete-button {
   display: none;
 }
 
@@ -659,4 +659,8 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
   align-items: center;
   border-radius: 50%;
 }
+
+input[name="schedule-datetime"]:invalid {
+  color: var(--c-danger);
+}
 </style>

From 40a57d0f3442aa9fcd94c39d38164e84a6a64986 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Sat, 1 Feb 2025 16:50:12 +0900
Subject: [PATCH 15/18] chore: format and lint

---
 components/publish/PublishWidget.vue | 95 ++++++++++++++--------------
 1 file changed, 48 insertions(+), 47 deletions(-)

diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index 9ac0cf1d..fb7f1b20 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -90,6 +90,7 @@ function trimPollOptions() {
     && trimmedOptions.length >= currentInstance.value?.configuration?.polls.maxOptions) {
     draft.value.params.poll!.options = trimmedOptions
   }
+
   else {
     draft.value.params.poll!.options = [...trimmedOptions, '']
   }
@@ -334,37 +335,37 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
                 </li>
               </ol>
             </CommonErrorMessage>
-        <CommonErrorMessage v-if="failedMessages.length > 0" described-by="publish-failed">
-          <header id="publish-failed" flex justify-between>
-            <div flex items-center gap-x-2 font-bold>
-              <div aria-hidden="true" i-ri:error-warning-fill />
-              <p>{{ scheduledTime ? $t('state.schedule_failed') : $t('state.publish_failed') }}</p>
-            </div>
-            <CommonTooltip placement="bottom" :content="scheduledTime ? $t('action.clear_schedule_failed') : $t('action.clear_publish_failed')">
-              <button
-                flex rounded-4 p1 hover:bg-active cursor-pointer transition-100 :aria-label="scheduledTime ? $t('action.clear_schedule_failed') : $t('action.clear_publish_failed')"
-                @click="failedMessages = []"
-              >
-                <span aria-hidden="true" w="1.75em" h="1.75em" i-ri:close-line />
-              </button>
-            </CommonTooltip>
-          </header>
-          <ol ps-2 sm:ps-1>
-            <li v-for="(error, i) in failedMessages" :key="i" flex="~ col sm:row" gap-y-1 sm:gap-x-2>
-              <strong>{{ i + 1 }}.</strong>
-              <span>{{ error }}</span>
-            </li>
-          </ol>
-        </CommonErrorMessage>
+            <CommonErrorMessage v-if="failedMessages.length > 0" described-by="publish-failed">
+              <header id="publish-failed" flex justify-between>
+                <div flex items-center gap-x-2 font-bold>
+                  <div aria-hidden="true" i-ri:error-warning-fill />
+                  <p>{{ scheduledTime ? $t('state.schedule_failed') : $t('state.publish_failed') }}</p>
+                </div>
+                <CommonTooltip placement="bottom" :content="scheduledTime ? $t('action.clear_schedule_failed') : $t('action.clear_publish_failed')">
+                  <button
+                    flex rounded-4 p1 hover:bg-active cursor-pointer transition-100 :aria-label="scheduledTime ? $t('action.clear_schedule_failed') : $t('action.clear_publish_failed')"
+                    @click="failedMessages = []"
+                  >
+                    <span aria-hidden="true" w="1.75em" h="1.75em" i-ri:close-line />
+                  </button>
+                </CommonTooltip>
+              </header>
+              <ol ps-2 sm:ps-1>
+                <li v-for="(error, i) in failedMessages" :key="i" flex="~ col sm:row" gap-y-1 sm:gap-x-2>
+                  <strong>{{ i + 1 }}.</strong>
+                  <span>{{ error }}</span>
+                </li>
+              </ol>
+            </CommonErrorMessage>
 
-        <CommonErrorMessage v-if="!isValidScheduledTime" described-by="scheduled-time-invalid" pt-2>
-          <header id="scheduled-time-invalid" flex justify-between>
-            <div flex items-center gap-x-2 font-bold>
-              <div aria-hidden="true" i-ri:error-warning-fill />
-              <p>{{ $t('state.schedule_time_invalid', [minimumScheduledTime.toLocaleString()]) }}</p>
-            </div>
-          </header>
-        </CommonErrorMessage>
+            <CommonErrorMessage v-if="!isValidScheduledTime" described-by="scheduled-time-invalid" pt-2>
+              <header id="scheduled-time-invalid" flex justify-between>
+                <div flex items-center gap-x-2 font-bold>
+                  <div aria-hidden="true" i-ri:error-warning-fill />
+                  <p>{{ $t('state.schedule_time_invalid', [minimumScheduledTime.toLocaleString()]) }}</p>
+                </div>
+              </header>
+            </CommonErrorMessage>
 
             <div relative flex-1 flex flex-col :class="shouldExpanded ? 'min-h-30' : ''">
               <EditorContent
@@ -527,24 +528,24 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
 
             <PublishEditorTools v-if="editor" :editor="editor" />
 
-          <CommonDropdown placement="bottom">
-            <CommonTooltip placement="top" :content="$t('tooltip.schedule_post')" no-auto-focus>
-              <button btn-action-icon :aria-label="$t('tooltip.schedule_post')">
-                <div i-ri:calendar-schedule-line :class="scheduledTime !== '' ? 'text-primary' : ''" />
-              </button>
-            </CommonTooltip>
-            <template #popper>
-              <input
-                v-model="scheduledTime"
-                p2
-                type="datetime-local"
-                name="schedule-datetime"
-                :min="getDatetimeInputFormat(minimumScheduledTime)"
-              >
-            </template>
-          </CommonDropdown>
+            <CommonDropdown placement="bottom">
+              <CommonTooltip placement="top" :content="$t('tooltip.schedule_post')" no-auto-focus>
+                <button btn-action-icon :aria-label="$t('tooltip.schedule_post')">
+                  <div i-ri:calendar-schedule-line :class="scheduledTime !== '' ? 'text-primary' : ''" />
+                </button>
+              </CommonTooltip>
+              <template #popper>
+                <input
+                  v-model="scheduledTime"
+                  p2
+                  type="datetime-local"
+                  name="schedule-datetime"
+                  :min="getDatetimeInputFormat(minimumScheduledTime)"
+                >
+              </template>
+            </CommonDropdown>
 
-          <div flex-auto />
+            <div flex-auto />
 
             <PublishCharacterCounter :max="characterLimit" :length="characterCount" />
 

From c00f6c727be448737536f53d3467f1d11811ced6 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Sat, 1 Feb 2025 16:55:05 +0900
Subject: [PATCH 16/18] fix: wrong variable name caused by previous merge

---
 composables/masto/publish.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/composables/masto/publish.ts b/composables/masto/publish.ts
index 3d611a79..f6dd9df8 100644
--- a/composables/masto/publish.ts
+++ b/composables/masto/publish.ts
@@ -87,8 +87,8 @@ export function usePublish(options: {
     }
 
     let scheduledAt
-    if (draft.value.params.scheduledAt)
-      scheduledAt = new Date(draft.value.params.scheduledAt).toISOString()
+    if (draftItem.value.params.scheduledAt)
+      scheduledAt = new Date(draftItem.value.params.scheduledAt).toISOString()
 
     const payload = {
       ...draftItem.value.params,

From aef24b65c7962e689567a177a32c373f7a49c019 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Wed, 20 Aug 2025 22:51:14 +0900
Subject: [PATCH 17/18] feat: set initial scheduled post time and handle
 local-to-UTC conversion

---
 app/components/publish/PublishWidget.vue | 77 ++++++++++++++++++++----
 1 file changed, 65 insertions(+), 12 deletions(-)

diff --git a/app/components/publish/PublishWidget.vue b/app/components/publish/PublishWidget.vue
index 0244ba4f..86aeee2b 100644
--- a/app/components/publish/PublishWidget.vue
+++ b/app/components/publish/PublishWidget.vue
@@ -54,7 +54,16 @@ const {
   dropZoneRef,
 } = useUploadMediaAttachment(draft)
 
-const { shouldExpanded, isExpanded, isSending, isPublishDisabled, publishDraft, failedMessages, preferredLanguage, publishSpoilerText } = usePublish(
+const {
+  shouldExpanded,
+  isExpanded,
+  isSending,
+  isPublishDisabled,
+  publishDraft,
+  failedMessages,
+  preferredLanguage,
+  publishSpoilerText,
+} = usePublish(
   {
     draftItem: draft,
     ...{ expanded: toRef(() => expanded), isUploading, initialDraft: initial, isPartOfThread: false },
@@ -145,6 +154,32 @@ const isValidScheduledTime = computed(() => {
   return minimumScheduledTime.value.getTime() <= scheduledTimeDate.getTime()
 })
 
+const initialDateTime = computed(() => {
+  const t = new Date(minimumScheduledTime.value.getTime())
+  t.setHours(t.getHours() + 1)
+  t.setMinutes(0)
+  t.setSeconds(0)
+  t.setMilliseconds(0)
+  return t
+})
+
+watchEffect(() => {
+  // Convert the local datetime string from the input to a UTC ISO string for the API
+  if (scheduledTime.value) {
+    const localDate = new Date(scheduledTime.value)
+    draft.value.params.scheduledAt = localDate.toISOString()
+  }
+  else {
+    draft.value.params.scheduledAt = ''
+  }
+})
+
+function setInitialScheduledTime() {
+  if (scheduledTime.value === '') {
+    scheduledTime.value = getDatetimeInputFormat(initialDateTime.value)
+  }
+}
+
 watchEffect(() => {
   draft.value.params.scheduledAt = scheduledTime.value
 })
@@ -163,7 +198,15 @@ function getMinimumScheduledTime(now: Date): Date {
 }
 
 function getDatetimeInputFormat(time: Date) {
-  return time.toISOString().slice(0, 16)
+  // Returns string in 'YYYY-MM-DDTHH:MM' format using local time components
+  // This is the format expected by the <input type="datetime-local"> element.
+  const year = time.getFullYear()
+  const month = (time.getMonth() + 1).toString().padStart(2, '0')
+  const day = time.getDate().toString().padStart(2, '0')
+  const hours = time.getHours().toString().padStart(2, '0')
+  const minutes = time.getMinutes().toString().padStart(2, '0')
+
+  return `${year}-${month}-${day}T${hours}:${minutes}`
 }
 
 const characterCount = computed(() => {
@@ -220,6 +263,7 @@ async function handlePaste(evt: ClipboardEvent) {
 function insertEmoji(name: string) {
   editor.value?.chain().focus().insertEmoji(name).run()
 }
+
 function insertCustomEmoji(image: any) {
   editor.value?.chain().focus().insertCustomEmoji(image).run()
 }
@@ -393,9 +437,13 @@ const detectLanguage = useDebounceFn(async () => {
                   <div aria-hidden="true" i-ri:error-warning-fill />
                   <p>{{ scheduledTime ? $t('state.schedule_failed') : $t('state.publish_failed') }}</p>
                 </div>
-                <CommonTooltip placement="bottom" :content="scheduledTime ? $t('action.clear_schedule_failed') : $t('action.clear_publish_failed')">
+                <CommonTooltip
+                  placement="bottom"
+                  :content="scheduledTime ? $t('action.clear_schedule_failed') : $t('action.clear_publish_failed')"
+                >
                   <button
-                    flex rounded-4 p1 hover:bg-active cursor-pointer transition-100 :aria-label="scheduledTime ? $t('action.clear_schedule_failed') : $t('action.clear_publish_failed')"
+                    flex rounded-4 p1 hover:bg-active cursor-pointer transition-100
+                    :aria-label="scheduledTime ? $t('action.clear_schedule_failed') : $t('action.clear_publish_failed')"
                     @click="failedMessages = []"
                   >
                     <span aria-hidden="true" w="1.75em" h="1.75em" i-ri:close-line />
@@ -500,7 +548,8 @@ const detectLanguage = useDebounceFn(async () => {
                 aspect-ratio-1 h-10
                 :style="{ background: `radial-gradient(closest-side, rgba(var(--rgb-bg-base)) 79%, transparent 80% 100%), conic-gradient(${draft.params.poll!.options[index].length / currentInstance?.configuration?.polls.maxCharactersPerOption > 1 ? 'var(--c-danger)' : 'var(--c-primary)'} ${draft.params.poll!.options[index].length / currentInstance?.configuration?.polls.maxCharactersPerOption * 100}%, var(--c-primary-fade) 0)` }"
               >{{
-                draft.params.poll!.options[index].length }}</span>
+                draft.params.poll!.options[index].length
+              }}</span>
             </div>
           </form>
           <div v-if="shouldExpanded" flex="~ gap-1 1 wrap" m="s--1" pt-2 justify="end" max-w-full border="t base">
@@ -554,7 +603,8 @@ const detectLanguage = useDebounceFn(async () => {
                       />
                       <CommonCheckbox
                         v-model="draft.params.poll.hideTotals"
-                        :label="draft.params.poll.hideTotals ? $t('polls.show_votes') : $t('polls.hide_votes')" px-2 gap-3
+                        :label="draft.params.poll.hideTotals ? $t('polls.show_votes') : $t('polls.hide_votes')" px-2
+                        gap-3
                         h-9 flex justify-center hover:bg-active rounded-full icon-checked="i-ri:eye-close-line"
                         icon-unchecked="i-ri:eye-line"
                       />
@@ -571,7 +621,8 @@ const detectLanguage = useDebounceFn(async () => {
                   <template #popper>
                     <CommonDropdownItem
                       v-for="expiresInOption in expiresInOptions" :key="expiresInOption.seconds"
-                      :text="expiresInOption.label" :checked="draft.params.poll!.expiresIn === expiresInOption.seconds"
+                      :text="expiresInOption.label"
+                      :checked="draft.params.poll!.expiresIn === expiresInOption.seconds"
                       @click="draft.params.poll!.expiresIn = expiresInOption.seconds"
                     />
                   </template>
@@ -580,8 +631,7 @@ const detectLanguage = useDebounceFn(async () => {
             </template>
 
             <PublishEditorTools v-if="editor" :editor="editor" />
-
-            <CommonDropdown placement="bottom">
+            <CommonDropdown placement="bottom" @click="setInitialScheduledTime">
               <CommonTooltip placement="top" :content="$t('tooltip.schedule_post')" no-auto-focus>
                 <button btn-action-icon :aria-label="$t('tooltip.schedule_post')">
                   <div i-ri:calendar-schedule-line :class="scheduledTime !== '' ? 'text-primary' : ''" />
@@ -659,7 +709,8 @@ const detectLanguage = useDebounceFn(async () => {
               <button
                 v-if="!threadIsActive || isFinalItemOfThread"
                 btn-solid rounded-3 text-sm w-full flex="~ gap1" items-center md:w-fit class="publish-button"
-                :aria-disabled="isPublishDisabled || isExceedingCharacterLimit || threadIsSending || !isValidScheduledTime" aria-describedby="publish-tooltip"
+                :aria-disabled="isPublishDisabled || isExceedingCharacterLimit || threadIsSending || !isValidScheduledTime"
+                aria-describedby="publish-tooltip"
                 :disabled="isPublishDisabled || isExceedingCharacterLimit || threadIsSending || !isValidScheduledTime"
                 @click="publish"
               >
@@ -674,7 +725,9 @@ const detectLanguage = useDebounceFn(async () => {
                 </template>
                 <template v-else>
                   <span v-if="draft.editingStatus">{{ $t('action.save_changes') }}</span>
-                  <span v-else-if="scheduledTime">{{ !isSending ? $t('action.schedule') : $t('state.scheduling') }}</span>
+                  <span v-else-if="scheduledTime">{{
+                    !isSending ? $t('action.schedule') : $t('state.scheduling')
+                  }}</span>
                   <span v-else-if="draft.params.inReplyToId">{{ $t('action.reply') }}</span>
                   <span v-else>{{ !isSending ? $t('action.publish') : $t('state.publishing') }}</span>
                 </template>
@@ -703,7 +756,7 @@ const detectLanguage = useDebounceFn(async () => {
   display: none;
 }
 
-.option-input:not(:focus)+.delete-button+.char-limit-radial {
+.option-input:not(:focus) + .delete-button + .char-limit-radial {
   display: none;
 }
 

From c3a36e0a0e4b40fd098bcb44d60dd7c4fd366b77 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Mon, 8 Sep 2025 23:38:53 +0900
Subject: [PATCH 18/18] chore: fix lint error

---
 app/components/publish/PublishWidget.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/publish/PublishWidget.vue b/app/components/publish/PublishWidget.vue
index 86aeee2b..a9ea5557 100644
--- a/app/components/publish/PublishWidget.vue
+++ b/app/components/publish/PublishWidget.vue
@@ -193,7 +193,7 @@ function getMinimumScheduledTime(now: Date): Date {
   const bufferInSec = 5 + 5 * 60 // + 5 minutes and 5 seconds
   const nowInSec = Math.floor(now.getTime() / 1000)
   const bufferedTimeInSec
-      = Math.ceil((nowInSec + bufferInSec) / 60) * 60
+    = Math.ceil((nowInSec + bufferInSec) / 60) * 60
   return new Date(bufferedTimeInSec * 1000)
 }