From 90985fb287bbccaa339a374de124af7fce08b7f2 Mon Sep 17 00:00:00 2001
From: Takusea <takusea826@gmail.com>
Date: Sun, 29 Dec 2024 15:47:54 +0900
Subject: [PATCH 01/30] =?UTF-8?q?BaseSlider=E3=81=AE=E9=AB=98=E3=81=95?=
 =?UTF-8?q?=E3=82=92=E5=B0=91=E3=81=97=E5=B0=8F=E3=81=95=E3=82=81=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Base/BaseSlider.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Base/BaseSlider.vue b/src/components/Base/BaseSlider.vue
index 1c84e7fff1..2cb659d572 100644
--- a/src/components/Base/BaseSlider.vue
+++ b/src/components/Base/BaseSlider.vue
@@ -49,7 +49,7 @@ const model = defineModel<number>({ required: true });
   position: relative;
   display: flex;
   align-items: center;
-  height: vars.$size-control;
+  height: vars.$size-indicator;
   cursor: grab;
 
   &:active {

From da95662c4fd652d0c4e02b520246de1a9d236f4e Mon Sep 17 00:00:00 2001
From: Takusea <takusea826@gmail.com>
Date: Sun, 29 Dec 2024 15:59:39 +0900
Subject: [PATCH 02/30] =?UTF-8?q?BaseSlider=E3=82=92=E3=83=9B=E3=82=A4?=
 =?UTF-8?q?=E3=83=BC=E3=83=AB=E6=93=8D=E4=BD=9C=E5=8F=AF=E8=83=BD=E3=81=AB?=
 =?UTF-8?q?=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Base/BaseSlider.vue | 44 +++++++++++++++++++++++-------
 1 file changed, 34 insertions(+), 10 deletions(-)

diff --git a/src/components/Base/BaseSlider.vue b/src/components/Base/BaseSlider.vue
index 2cb659d572..51d698aef4 100644
--- a/src/components/Base/BaseSlider.vue
+++ b/src/components/Base/BaseSlider.vue
@@ -5,7 +5,7 @@
     :max
     :step
     :disabled
-    :modelValue="[model]"
+    :modelValue="[modelValue]"
     @update:modelValue="
       (value) => {
         if (value == undefined) {
@@ -14,6 +14,7 @@
         $emit('update:modelValue', value[0]);
       }
     "
+    @wheel="onWheel"
   >
     <SliderTrack class="SliderTrack">
       <SliderRange class="SliderRange" />
@@ -24,20 +25,43 @@
 
 <script setup lang="ts">
 import { SliderRange, SliderRoot, SliderThumb, SliderTrack } from "radix-vue";
+import { isOnCommandOrCtrlKeyDown } from "@/store/utility";
 
-defineProps<{
-  min?: number;
-  max?: number;
-  step?: number;
-  disabled?: boolean;
-  modelValue: number;
-}>();
+const props = withDefaults(
+  defineProps<{
+    min?: number;
+    max?: number;
+    step?: number;
+    scrollStep?: number;
+    disabled?: boolean;
+    modelValue: number;
+  }>(),
+  {
+    min: 0,
+    max: 100,
+    step: 1,
+    scrollStep: undefined,
+  },
+);
 
-defineEmits<{
+const emit = defineEmits<{
   "update:modelValue": [value: number];
 }>();
 
-const model = defineModel<number>({ required: true });
+const onWheel = (event: WheelEvent) => {
+  if (props.disabled) return;
+  event.preventDefault();
+
+  const delta = event.deltaY > 0 ? -1 : 1;
+  const scrollStep =
+    props.scrollStep && !isOnCommandOrCtrlKeyDown(event)
+      ? props.scrollStep
+      : props.step;
+
+  const value = props.modelValue + scrollStep * delta;
+
+  emit("update:modelValue", Math.min(props.max, Math.max(props.min, value)));
+};
 </script>
 
 <style lang="scss">

From 581e2722920f91dfa3182545094ac880cc96cfd0 Mon Sep 17 00:00:00 2001
From: Takusea <takusea826@gmail.com>
Date: Sun, 29 Dec 2024 15:59:48 +0900
Subject: [PATCH 03/30] =?UTF-8?q?BaseTextField=E3=81=AEprops=E3=81=ABid?=
 =?UTF-8?q?=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Base/BaseTextField.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/Base/BaseTextField.vue b/src/components/Base/BaseTextField.vue
index 4d1842d524..a2061e2221 100644
--- a/src/components/Base/BaseTextField.vue
+++ b/src/components/Base/BaseTextField.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="wrapper">
     <input
+      :id
       v-model="model"
       type="text"
       class="input"
@@ -22,6 +23,7 @@ defineProps<{
   hasError?: boolean;
   readonly?: boolean;
   disabled?: boolean;
+  id?: string;
 }>();
 
 defineEmits<{

From a956b2885dfae6297b31ae926cbaa6a64dc23160 Mon Sep 17 00:00:00 2001
From: Takusea <takusea826@gmail.com>
Date: Sun, 29 Dec 2024 16:03:19 +0900
Subject: [PATCH 04/30] =?UTF-8?q?ParameterSlider=E3=82=B3=E3=83=B3?=
 =?UTF-8?q?=E3=83=9D=E3=83=BC=E3=83=8D=E3=83=B3=E3=83=88=E3=82=92=E8=BF=BD?=
 =?UTF-8?q?=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Talk/ParameterSlider.vue | 84 +++++++++++++++++++++++++
 1 file changed, 84 insertions(+)
 create mode 100644 src/components/Talk/ParameterSlider.vue

diff --git a/src/components/Talk/ParameterSlider.vue b/src/components/Talk/ParameterSlider.vue
new file mode 100644
index 0000000000..50ffcabb8d
--- /dev/null
+++ b/src/components/Talk/ParameterSlider.vue
@@ -0,0 +1,84 @@
+<template>
+  <div>
+    <div class="parameter-header">
+      <label :for="`parameter-${sliderKey}`" class="parameter-label">
+        {{ label }}
+      </label>
+      <input
+        :id="`parameter-${sliderKey}`"
+        v-model="inputValue"
+        class="parameter-input"
+        type="text"
+        @change="onUpdate"
+        @blur="onUpdate"
+      />
+    </div>
+    <BaseSlider
+      :modelValue
+      :min
+      :max
+      :step
+      :scrollStep
+      @update:modelValue="$emit('update:modelValue', $event)"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, watchEffect } from "vue";
+import BaseSlider from "@/components/Base/BaseSlider.vue";
+
+const props = defineProps<{
+  sliderKey: string;
+  min: number;
+  max: number;
+  step: number;
+  scrollStep: number;
+  label: string;
+  modelValue: number;
+}>();
+
+const inputValue = ref(props.modelValue.toFixed(2));
+watchEffect(() => {
+  inputValue.value = props.modelValue.toFixed(2);
+});
+
+const emit = defineEmits<{
+  "update:modelValue": [value: number];
+}>();
+
+const onUpdate = (event: Event) => {
+  if (!(event.target instanceof HTMLInputElement)) {
+    return;
+  }
+
+  const value = Number(event.target.value);
+  if (!Number.isNaN(value)) {
+    emit("update:modelValue", Math.min(Math.max(value, props.min), props.max));
+  }
+
+  inputValue.value = props.modelValue.toFixed(2);
+};
+</script>
+
+<style scoped lang="scss">
+@use "@/styles/v2/variables" as vars;
+@use "@/styles/v2/mixin" as mixin;
+
+.parameter-header {
+  display: flex;
+  justify-content: space-between;
+}
+
+.parameter-input {
+  border: none;
+  width: 64px;
+  background-color: transparent;
+  text-align: right;
+  border-radius: vars.$radius-1;
+
+  &:focus-visible {
+    @include mixin.on-focus;
+  }
+}
+</style>

From 22a725f776ac8ec827984e27b41bfa9fbfffce19 Mon Sep 17 00:00:00 2001
From: Takusea <takusea826@gmail.com>
Date: Sun, 29 Dec 2024 16:10:39 +0900
Subject: [PATCH 05/30] =?UTF-8?q?=E3=83=97=E3=83=AA=E3=82=BB=E3=83=83?=
 =?UTF-8?q?=E3=83=88=E7=AE=A1=E7=90=86=E3=83=80=E3=82=A4=E3=82=A2=E3=83=AD?=
 =?UTF-8?q?=E3=82=B0=E3=81=AB=E7=B7=A8=E9=9B=86=E6=A9=9F=E8=83=BD=E3=82=92?=
 =?UTF-8?q?=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dialog/PresetManageDialog.vue | 234 +++++++++++++------
 1 file changed, 167 insertions(+), 67 deletions(-)

diff --git a/src/components/Dialog/PresetManageDialog.vue b/src/components/Dialog/PresetManageDialog.vue
index 0c5da3ee16..af02d7710c 100644
--- a/src/components/Dialog/PresetManageDialog.vue
+++ b/src/components/Dialog/PresetManageDialog.vue
@@ -56,62 +56,72 @@
             </template>
             <div class="detail">
               <BaseScrollArea>
-                <div v-if="selectedPreset" class="inner">
+                <div v-if="selectedPreset && editedPreset" class="inner">
                   <div class="parameter-list">
                     <h2 class="preset-name">{{ selectedPreset.name }}</h2>
+                    <div class="preset-field">
+                      <label for="preset-name">プリセット名</label>
+                      <BaseTextField
+                        id="preset-name"
+                        v-model="editedPreset.name"
+                      />
+                    </div>
                     <template
                       v-for="(value, sliderKey) in SLIDER_PARAMETERS"
                       :key="sliderKey"
                     >
-                      <div
+                      <ParameterSlider
                         v-if="sliderKey in parameterLabels"
-                        class="parameter"
-                      >
-                        <div class="parameter-header">
-                          <span>
-                            {{ parameterLabels[sliderKey as ParameterType] }}
-                          </span>
-                          <span>
-                            {{
-                              selectedPreset[
-                                sliderKey as ParameterType
-                              ].toFixed(2)
-                            }}
-                          </span>
-                        </div>
-                        <!-- NOTE: プルリクエスト分割のため、まずは動かないスライダーが実装されている。変更機能も実装予定。 -->
-                        <BaseSlider
-                          :min="value.min()"
-                          :max="value.max()"
-                          :step="value.step()"
-                          :modelValue="
-                            selectedPreset[sliderKey as ParameterType]
-                          "
-                        />
-                      </div>
+                        v-model="editedPreset[sliderKey as ParameterType]"
+                        :sliderKey
+                        :min="value.min()"
+                        :max="value.max()"
+                        :step="value.step()"
+                        :scrollStep="value.scrollStep()"
+                        :label="parameterLabels[sliderKey as ParameterType]"
+                      />
                     </template>
-                  </div>
-                  <div
-                    v-if="selectedPreset.morphingInfo"
-                    class="parameter-list"
-                  >
                     <h3 class="parameter-headline">モーフィング</h3>
                     <div class="mophing-style">
                       <CharacterButton
-                        v-if="morphingTargetCharacterInfo"
-                        :selectedVoice="{
-                          engineId: selectedPreset.morphingInfo.targetEngineId,
-                          speakerId:
-                            selectedPreset.morphingInfo.targetSpeakerId,
-                          styleId: selectedPreset.morphingInfo.targetStyleId,
-                        }"
-                        :characterInfos="[morphingTargetCharacterInfo]"
+                        :selectedVoice="
+                          editedPreset.morphingInfo
+                            ? {
+                                engineId:
+                                  editedPreset.morphingInfo.targetEngineId,
+                                speakerId:
+                                  editedPreset.morphingInfo.targetSpeakerId,
+                                styleId:
+                                  editedPreset.morphingInfo.targetStyleId,
+                              }
+                            : undefined
+                        "
+                        :characterInfos="morphingTargetCharacters"
                         :showEngineInfo="morphingTargetEngines.length >= 2"
                         :emptiable="true"
                         :uiLocked="false"
+                        @update:selectedVoice="
+                          if ($event == null) {
+                            editedPreset.morphingInfo = undefined;
+                          } else {
+                            editedPreset.morphingInfo = {
+                              targetEngineId: $event.engineId,
+                              targetSpeakerId: $event.speakerId,
+                              targetStyleId: $event.styleId,
+                              rate:
+                                editedPreset.morphingInfo?.rate ??
+                                selectedPreset.morphingInfo?.rate ??
+                                0.5,
+                            };
+                          }
+                        "
                       />
-                      <span v-if="morphingTargetCharacterInfo">
-                        {{ morphingTargetCharacterInfo.metas.speakerName }}
+                      <span>
+                        {{
+                          morphingTargetCharacterInfo
+                            ? morphingTargetCharacterInfo.metas.speakerName
+                            : "未設定"
+                        }}
                       </span>
                       <span
                         v-if="
@@ -122,21 +132,40 @@
                         （{{ morphingTargetStyleInfo?.styleName }}）
                       </span>
                     </div>
-                    <div class="parameter">
-                      <div class="parameter-header">
-                        <span>割合</span>
-                        <span>
-                          {{ selectedPreset.morphingInfo.rate.toFixed(2) }}
-                        </span>
-                      </div>
-                      <!-- NOTE: プルリクエスト分割のため、まずは動かないスライダーが実装されている。変更機能も実装予定。 -->
-                      <BaseSlider
-                        :min="SLIDER_PARAMETERS.morphingRate.min()"
-                        :max="SLIDER_PARAMETERS.morphingRate.max()"
-                        :step="SLIDER_PARAMETERS.morphingRate.step()"
-                        :modelValue="selectedPreset.morphingInfo.rate"
-                      />
-                    </div>
+                    <ParameterSlider
+                      v-if="editedPreset.morphingInfo"
+                      v-model="editedPreset.morphingInfo.rate"
+                      sliderKey="morphingRate"
+                      label="割合"
+                      :min="SLIDER_PARAMETERS.morphingRate.min()"
+                      :max="SLIDER_PARAMETERS.morphingRate.max()"
+                      :step="SLIDER_PARAMETERS.morphingRate.step()"
+                      :scrollStep="SLIDER_PARAMETERS.morphingRate.scrollStep()"
+                    />
+                  </div>
+                  <div class="footer">
+                    <BaseButton
+                      label="変更をリセット"
+                      :disabled="isPresetChanged"
+                      @click="
+                        if (selectedPreset == undefined) {
+                          throw new Error('selectedPreset is undefined');
+                        }
+                        resetPreset(selectedPreset);
+                      "
+                    />
+                    <BaseButton
+                      label="保存"
+                      variant="primary"
+                      icon="save"
+                      :disabled="editedPreset == undefined || isPresetChanged"
+                      @click="
+                        if (editedPreset == undefined) {
+                          throw new Error('editedPreset is undefined');
+                        }
+                        updatePreset(selectedPresetKey, editedPreset);
+                      "
+                    />
                   </div>
                 </div>
               </BaseScrollArea>
@@ -149,17 +178,24 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from "vue";
+import { computed, ref, watchEffect } from "vue";
 import Draggable from "vuedraggable";
 import { useStore } from "@/store";
 import BaseListItem from "@/components/Base/BaseListItem.vue";
 import BaseNavigationView from "@/components/Base/BaseNavigationView.vue";
 import BaseScrollArea from "@/components/Base/BaseScrollArea.vue";
 import BaseIconButton from "@/components/Base/BaseIconButton.vue";
-import BaseSlider from "@/components/Base/BaseSlider.vue";
+import BaseButton from "@/components/Base/BaseButton.vue";
+import BaseTextField from "@/components/Base/BaseTextField.vue";
 import CharacterButton from "@/components/CharacterButton.vue";
+import ParameterSlider from "@/components/Talk/ParameterSlider.vue";
 import { useDefaultPreset } from "@/composables/useDefaultPreset";
-import { Preset, PresetKey, PresetSliderKey } from "@/type/preload";
+import {
+  CharacterInfo,
+  Preset,
+  PresetKey,
+  PresetSliderKey,
+} from "@/type/preload";
 import { SLIDER_PARAMETERS } from "@/store/utility";
 
 const props = defineProps<{
@@ -222,6 +258,47 @@ const parameterLabels: Record<ParameterType, string> = {
   postPhonemeLength: "終了無音",
 };
 
+const editedPreset = ref<Preset | undefined>();
+watchEffect(() => {
+  editedPreset.value = selectedPreset.value
+    ? {
+        ...selectedPreset.value,
+        morphingInfo: selectedPreset.value.morphingInfo
+          ? { ...selectedPreset.value.morphingInfo }
+          : undefined,
+      }
+    : undefined;
+});
+
+const isPresetChanged = computed(() => {
+  if (!selectedPreset.value) return false;
+
+  return (
+    JSON.stringify(selectedPreset.value) === JSON.stringify(editedPreset.value)
+  );
+});
+
+const resetPreset = async (preset: Preset) => {
+  const result = await store.actions.SHOW_WARNING_DIALOG({
+    title: "プリセットの変更をリセットしますか？",
+    message: "プリセットの変更は破棄されてリセットされます。",
+    actionName: "リセットする",
+  });
+
+  if (result !== "OK") {
+    return;
+  }
+
+  editedPreset.value = { ...preset };
+};
+
+const updatePreset = async (key: PresetKey, preset: Preset) => {
+  await store.actions.UPDATE_PRESET({
+    presetData: preset,
+    presetKey: key,
+  });
+};
+
 const reorderPreset = (featurePresetList: (Preset & { key: PresetKey })[]) => {
   const newPresetKeys = featurePresetList.map((item) => item.key);
   previewPresetKeys.value = newPresetKeys;
@@ -251,18 +328,26 @@ const deletePreset = async (key: PresetKey) => {
   }
 };
 
+const morphingTargetCharacters = computed<CharacterInfo[]>(() => {
+  const allCharacterInfos = store.getters.USER_ORDERED_CHARACTER_INFOS("talk");
+  if (allCharacterInfos == undefined)
+    throw new Error("USER_ORDERED_CHARACTER_INFOS == undefined");
+
+  return allCharacterInfos;
+});
+
 const morphingTargetCharacterInfo = computed(() =>
   store.getters
     .USER_ORDERED_CHARACTER_INFOS("talk")
     ?.find(
       (character) =>
         character.metas.speakerUuid ===
-        selectedPreset.value?.morphingInfo?.targetSpeakerId,
+        editedPreset.value?.morphingInfo?.targetSpeakerId,
     ),
 );
 
 const morphingTargetStyleInfo = computed(() => {
-  const morphingInfo = selectedPreset.value?.morphingInfo;
+  const morphingInfo = editedPreset.value?.morphingInfo;
 
   if (!morphingInfo) return;
 
@@ -276,6 +361,7 @@ const morphingTargetStyleInfo = computed(() => {
 
 <style scoped lang="scss">
 @use "@/styles/v2/variables" as vars;
+@use "@/styles/v2/colors" as colors;
 @use "@/styles/v2/mixin" as mixin;
 
 .q-layout-container > :deep(.absolute-full) {
@@ -321,34 +407,48 @@ const morphingTargetStyleInfo = computed(() => {
   display: flex;
   flex-direction: column;
   padding: vars.$padding-2;
+  padding-bottom: 0;
   gap: vars.$gap-2;
+  position: relative;
+  margin-inline: auto;
+  max-width: 480px;
 }
 
 .preset-name {
   @include mixin.headline-1;
 }
 
+.preset-field {
+  display: flex;
+  flex-direction: column;
+}
+
 .parameter-headline {
   @include mixin.headline-2;
 }
 
 .parameter-list {
-  margin-inline: auto;
-  max-width: 480px;
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: vars.$gap-2;
 }
 
-.parameter-header {
+.mophing-style {
   display: flex;
-  justify-content: space-between;
+  align-items: center;
+  gap: vars.$gap-1;
 }
 
-.mophing-style {
+.footer {
+  position: sticky;
+  bottom: 0;
+  right: 0;
   display: flex;
-  align-items: center;
+  justify-content: flex-end;
   gap: vars.$gap-1;
+  padding-block: vars.$padding-2;
+  margin-top: auto;
+  background-color: colors.$background;
 }
 </style>

From 1adf83b9de705e63a683ec69dce90409ac7c979b Mon Sep 17 00:00:00 2001
From: Takusea <takusea826@gmail.com>
Date: Thu, 2 Jan 2025 22:06:56 +0900
Subject: [PATCH 06/30] =?UTF-8?q?TextField=E3=81=ABchange=E3=82=A4?=
 =?UTF-8?q?=E3=83=99=E3=83=B3=E3=83=88=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Base/BaseTextField.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/Base/BaseTextField.vue b/src/components/Base/BaseTextField.vue
index a2061e2221..bc25d6e0ff 100644
--- a/src/components/Base/BaseTextField.vue
+++ b/src/components/Base/BaseTextField.vue
@@ -9,6 +9,7 @@
       :placeholder
       :readonly
       :disabled
+      @change="(payload) => $emit('change', payload)"
       @click="(payload) => $emit('click', payload)"
     />
     <div v-if="hasError" class="error-label">
@@ -27,6 +28,7 @@ defineProps<{
 }>();
 
 defineEmits<{
+  change: [payload: Event];
   click: [payload: MouseEvent];
 }>();
 

From 915fbbac568df6ffcf8a12e07fa8e86199d6f39b Mon Sep 17 00:00:00 2001
From: Takusea <takusea826@gmail.com>
Date: Thu, 2 Jan 2025 22:07:19 +0900
Subject: [PATCH 07/30] =?UTF-8?q?=E3=82=A8=E3=83=A9=E3=83=BC=E6=99=82?=
 =?UTF-8?q?=E3=81=AE=E6=9E=A0=E7=B7=9A=E8=A1=A8=E7=A4=BA=E3=82=92border?=
 =?UTF-8?q?=E3=81=8B=E3=82=89outline=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Base/BaseTextField.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Base/BaseTextField.vue b/src/components/Base/BaseTextField.vue
index bc25d6e0ff..d387313cfc 100644
--- a/src/components/Base/BaseTextField.vue
+++ b/src/components/Base/BaseTextField.vue
@@ -70,7 +70,8 @@ const model = defineModel<string>();
 }
 
 .error {
-  border: 2px solid colors.$display-warning;
+  @include mixin.on-focus;
+  outline-color: colors.$display-warning !important;
 }
 
 .error-label {

From 03814a8fdffb81f9f70334eb7c6e80f06eccc9b2 Mon Sep 17 00:00:00 2001
From: Takusea <takusea826@gmail.com>
Date: Thu, 2 Jan 2025 22:08:12 +0900
Subject: [PATCH 08/30] =?UTF-8?q?BaseSlider=E3=81=ABValueCommit=E3=82=A4?=
 =?UTF-8?q?=E3=83=99=E3=83=B3=E3=83=88=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Base/BaseSlider.vue      |  6 +++++-
 src/components/Talk/ParameterSlider.vue | 15 ++++++++-------
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/components/Base/BaseSlider.vue b/src/components/Base/BaseSlider.vue
index 51d698aef4..3a32daf386 100644
--- a/src/components/Base/BaseSlider.vue
+++ b/src/components/Base/BaseSlider.vue
@@ -15,6 +15,7 @@
       }
     "
     @wheel="onWheel"
+    @valueCommit="$emit('valueCommit', $event[0])"
   >
     <SliderTrack class="SliderTrack">
       <SliderRange class="SliderRange" />
@@ -46,6 +47,7 @@ const props = withDefaults(
 
 const emit = defineEmits<{
   "update:modelValue": [value: number];
+  valueCommit: [value: number];
 }>();
 
 const onWheel = (event: WheelEvent) => {
@@ -59,8 +61,10 @@ const onWheel = (event: WheelEvent) => {
       : props.step;
 
   const value = props.modelValue + scrollStep * delta;
+  const clampedValue = Math.min(props.max, Math.max(props.min, value));
 
-  emit("update:modelValue", Math.min(props.max, Math.max(props.min, value)));
+  emit("update:modelValue", clampedValue);
+  emit("valueCommit", clampedValue);
 };
 </script>
 
diff --git a/src/components/Talk/ParameterSlider.vue b/src/components/Talk/ParameterSlider.vue
index 50ffcabb8d..3462176adc 100644
--- a/src/components/Talk/ParameterSlider.vue
+++ b/src/components/Talk/ParameterSlider.vue
@@ -6,7 +6,7 @@
       </label>
       <input
         :id="`parameter-${sliderKey}`"
-        v-model="inputValue"
+        :value="inputValueFixed"
         class="parameter-input"
         type="text"
         @change="onUpdate"
@@ -14,18 +14,18 @@
       />
     </div>
     <BaseSlider
-      :modelValue
+      v-model="inputValue"
       :min
       :max
       :step
       :scrollStep
-      @update:modelValue="$emit('update:modelValue', $event)"
+      @valueCommit="$emit('update:modelValue', $event)"
     />
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref, watchEffect } from "vue";
+import { computed, ref, watchEffect } from "vue";
 import BaseSlider from "@/components/Base/BaseSlider.vue";
 
 const props = defineProps<{
@@ -38,10 +38,11 @@ const props = defineProps<{
   modelValue: number;
 }>();
 
-const inputValue = ref(props.modelValue.toFixed(2));
+const inputValue = ref(props.modelValue);
 watchEffect(() => {
-  inputValue.value = props.modelValue.toFixed(2);
+  inputValue.value = props.modelValue;
 });
+const inputValueFixed = computed(() => inputValue.value.toFixed(2));
 
 const emit = defineEmits<{
   "update:modelValue": [value: number];
@@ -57,7 +58,7 @@ const onUpdate = (event: Event) => {
     emit("update:modelValue", Math.min(Math.max(value, props.min), props.max));
   }
 
-  inputValue.value = props.modelValue.toFixed(2);
+  inputValue.value = props.modelValue;
 };
 </script>
 

From 8f7a24d8a8738a0d9d70d291476aff3217602906 Mon Sep 17 00:00:00 2001
From: Takusea <takusea826@gmail.com>
Date: Thu, 2 Jan 2025 22:10:06 +0900
Subject: [PATCH 09/30] =?UTF-8?q?=E3=83=97=E3=83=AA=E3=82=BB=E3=83=83?=
 =?UTF-8?q?=E3=83=88=E3=81=AE=E7=B7=A8=E9=9B=86=E5=86=85=E5=AE=B9=E3=82=92?=
 =?UTF-8?q?=E5=8D=B3=E6=99=82=E5=8F=8D=E6=98=A0=E3=81=99=E3=82=8B=E3=82=88?=
 =?UTF-8?q?=E3=81=86=E3=81=AB=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dialog/PresetManageDialog.vue | 246 ++++++++++---------
 1 file changed, 136 insertions(+), 110 deletions(-)

diff --git a/src/components/Dialog/PresetManageDialog.vue b/src/components/Dialog/PresetManageDialog.vue
index af02d7710c..90078aad08 100644
--- a/src/components/Dialog/PresetManageDialog.vue
+++ b/src/components/Dialog/PresetManageDialog.vue
@@ -56,14 +56,16 @@
             </template>
             <div class="detail">
               <BaseScrollArea>
-                <div v-if="selectedPreset && editedPreset" class="inner">
+                <div v-if="selectedPreset" class="inner">
                   <div class="parameter-list">
                     <h2 class="preset-name">{{ selectedPreset.name }}</h2>
                     <div class="preset-field">
                       <label for="preset-name">プリセット名</label>
                       <BaseTextField
                         id="preset-name"
-                        v-model="editedPreset.name"
+                        :modelValue="selectedPreset.name"
+                        :hasError="!selectedPreset.name"
+                        @change="changePresetName"
                       />
                     </div>
                     <template
@@ -72,7 +74,7 @@
                     >
                       <ParameterSlider
                         v-if="sliderKey in parameterLabels"
-                        v-model="editedPreset[sliderKey as ParameterType]"
+                        v-model="selectedPreset[sliderKey as ParameterType]"
                         :sliderKey
                         :min="value.min()"
                         :max="value.max()"
@@ -81,89 +83,81 @@
                         :label="parameterLabels[sliderKey as ParameterType]"
                       />
                     </template>
-                    <h3 class="parameter-headline">モーフィング</h3>
-                    <div class="mophing-style">
-                      <CharacterButton
-                        :selectedVoice="
-                          editedPreset.morphingInfo
-                            ? {
-                                engineId:
-                                  editedPreset.morphingInfo.targetEngineId,
-                                speakerId:
-                                  editedPreset.morphingInfo.targetSpeakerId,
-                                styleId:
-                                  editedPreset.morphingInfo.targetStyleId,
-                              }
-                            : undefined
-                        "
-                        :characterInfos="morphingTargetCharacters"
-                        :showEngineInfo="morphingTargetEngines.length >= 2"
-                        :emptiable="true"
-                        :uiLocked="false"
-                        @update:selectedVoice="
-                          if ($event == null) {
-                            editedPreset.morphingInfo = undefined;
-                          } else {
-                            editedPreset.morphingInfo = {
-                              targetEngineId: $event.engineId,
-                              targetSpeakerId: $event.speakerId,
-                              targetStyleId: $event.styleId,
-                              rate:
-                                editedPreset.morphingInfo?.rate ??
-                                selectedPreset.morphingInfo?.rate ??
-                                0.5,
-                            };
-                          }
+                    <!-- モーフィング無効時にキャラ選択解除するといきなり非表示になってしまうが、稀なケースなため無対策 -->
+                    <template
+                      v-if="shouldShowMorphing || selectedPreset.morphingInfo"
+                    >
+                      <h3 class="parameter-headline">モーフィング</h3>
+                      <div class="mophing-style">
+                        <CharacterButton
+                          :selectedVoice="
+                            selectedPreset.morphingInfo
+                              ? {
+                                  engineId:
+                                    selectedPreset.morphingInfo.targetEngineId,
+                                  speakerId:
+                                    selectedPreset.morphingInfo.targetSpeakerId,
+                                  styleId:
+                                    selectedPreset.morphingInfo.targetStyleId,
+                                }
+                              : undefined
+                          "
+                          :characterInfos="morphingTargetCharacters"
+                          :showEngineInfo="morphingTargetEngines.length >= 2"
+                          :emptiable="true"
+                          :uiLocked="false"
+                          @update:selectedVoice="
+                            if ($event == null) {
+                              selectedPreset.morphingInfo = undefined;
+                            } else {
+                              selectedPreset.morphingInfo = {
+                                targetEngineId: $event.engineId,
+                                targetSpeakerId: $event.speakerId,
+                                targetStyleId: $event.styleId,
+                                rate: selectedPreset.morphingInfo?.rate ?? 0.5,
+                              };
+                            }
+                          "
+                        />
+                        <span>
+                          {{
+                            morphingTargetCharacterInfo
+                              ? morphingTargetCharacterInfo.metas.speakerName
+                              : "未設定"
+                          }}
+                        </span>
+                        <span
+                          v-if="
+                            morphingTargetCharacterInfo &&
+                            morphingTargetCharacterInfo.metas.styles.length >= 2
+                          "
+                        >
+                          （{{ morphingTargetStyleInfo?.styleName }}）
+                        </span>
+                      </div>
+                      <ParameterSlider
+                        v-if="selectedPreset.morphingInfo"
+                        v-model="selectedPreset.morphingInfo.rate"
+                        sliderKey="morphingRate"
+                        label="割合"
+                        :min="SLIDER_PARAMETERS.morphingRate.min()"
+                        :max="SLIDER_PARAMETERS.morphingRate.max()"
+                        :step="SLIDER_PARAMETERS.morphingRate.step()"
+                        :scrollStep="
+                          SLIDER_PARAMETERS.morphingRate.scrollStep()
                         "
                       />
-                      <span>
-                        {{
-                          morphingTargetCharacterInfo
-                            ? morphingTargetCharacterInfo.metas.speakerName
-                            : "未設定"
-                        }}
-                      </span>
-                      <span
-                        v-if="
-                          morphingTargetCharacterInfo &&
-                          morphingTargetCharacterInfo.metas.styles.length >= 2
-                        "
-                      >
-                        （{{ morphingTargetStyleInfo?.styleName }}）
-                      </span>
-                    </div>
-                    <ParameterSlider
-                      v-if="editedPreset.morphingInfo"
-                      v-model="editedPreset.morphingInfo.rate"
-                      sliderKey="morphingRate"
-                      label="割合"
-                      :min="SLIDER_PARAMETERS.morphingRate.min()"
-                      :max="SLIDER_PARAMETERS.morphingRate.max()"
-                      :step="SLIDER_PARAMETERS.morphingRate.step()"
-                      :scrollStep="SLIDER_PARAMETERS.morphingRate.scrollStep()"
-                    />
+                    </template>
                   </div>
                   <div class="footer">
                     <BaseButton
                       label="変更をリセット"
-                      :disabled="isPresetChanged"
+                      :disabled="!isPresetChanged"
                       @click="
-                        if (selectedPreset == undefined) {
-                          throw new Error('selectedPreset is undefined');
+                        if (initialPreset == undefined) {
+                          throw new Error('initialPreset is undefined');
                         }
-                        resetPreset(selectedPreset);
-                      "
-                    />
-                    <BaseButton
-                      label="保存"
-                      variant="primary"
-                      icon="save"
-                      :disabled="editedPreset == undefined || isPresetChanged"
-                      @click="
-                        if (editedPreset == undefined) {
-                          throw new Error('editedPreset is undefined');
-                        }
-                        updatePreset(selectedPresetKey, editedPreset);
+                        resetPreset(initialPreset);
                       "
                     />
                   </div>
@@ -178,7 +172,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watchEffect } from "vue";
+import { computed, ref, watch } from "vue";
 import Draggable from "vuedraggable";
 import { useStore } from "@/store";
 import BaseListItem from "@/components/Base/BaseListItem.vue";
@@ -238,15 +232,6 @@ const previewPresetList = computed(() =>
     : presetList.value,
 );
 
-const morphingTargetEngines = store.getters.MORPHING_SUPPORTED_ENGINES;
-
-const selectedPresetKey = ref();
-const selectedPreset = computed(() => {
-  return previewPresetList.value.find(
-    (preset) => preset.key === selectedPresetKey.value,
-  );
-});
-
 type ParameterType = Exclude<PresetSliderKey, "morphingRate">;
 const parameterLabels: Record<ParameterType, string> = {
   speedScale: "話速",
@@ -258,26 +243,65 @@ const parameterLabels: Record<ParameterType, string> = {
   postPhonemeLength: "終了無音",
 };
 
-const editedPreset = ref<Preset | undefined>();
-watchEffect(() => {
-  editedPreset.value = selectedPreset.value
-    ? {
-        ...selectedPreset.value,
-        morphingInfo: selectedPreset.value.morphingInfo
-          ? { ...selectedPreset.value.morphingInfo }
-          : undefined,
-      }
-    : undefined;
-});
+const selectedPresetKey = ref();
+const selectedPreset = ref<Preset | undefined>();
+const initialPreset = ref<Preset | undefined>();
 
 const isPresetChanged = computed(() => {
   if (!selectedPreset.value) return false;
 
   return (
-    JSON.stringify(selectedPreset.value) === JSON.stringify(editedPreset.value)
+    JSON.stringify(selectedPreset.value) !== JSON.stringify(initialPreset.value)
   );
 });
 
+watch(selectedPresetKey, (key) => {
+  if (key == undefined) {
+    selectedPreset.value = undefined;
+    initialPreset.value = undefined;
+    return;
+  }
+
+  const preset = presetItems.value[key];
+  const clonedPreset = () => {
+    return {
+      ...preset,
+      morphingInfo: preset.morphingInfo
+        ? { ...preset.morphingInfo }
+        : undefined,
+    };
+  };
+  selectedPreset.value = clonedPreset();
+  initialPreset.value = clonedPreset();
+});
+
+watch(
+  () =>
+    Object.entries({
+      ...selectedPreset.value,
+      ...selectedPreset.value?.morphingInfo,
+    }),
+  async () => {
+    if (
+      !selectedPreset.value ||
+      !isPresetChanged.value ||
+      !selectedPreset.value.name
+    )
+      return;
+
+    await store.actions.UPDATE_PRESET({
+      presetData: selectedPreset.value,
+      presetKey: selectedPresetKey.value,
+    });
+  },
+);
+
+const changePresetName = (event: Event) => {
+  if (event.target instanceof HTMLInputElement && selectedPreset.value) {
+    selectedPreset.value.name = event.target.value;
+  }
+};
+
 const resetPreset = async (preset: Preset) => {
   const result = await store.actions.SHOW_WARNING_DIALOG({
     title: "プリセットの変更をリセットしますか？",
@@ -289,14 +313,10 @@ const resetPreset = async (preset: Preset) => {
     return;
   }
 
-  editedPreset.value = { ...preset };
-};
-
-const updatePreset = async (key: PresetKey, preset: Preset) => {
-  await store.actions.UPDATE_PRESET({
-    presetData: preset,
-    presetKey: key,
-  });
+  selectedPreset.value = {
+    ...preset,
+    morphingInfo: preset.morphingInfo ? { ...preset.morphingInfo } : undefined,
+  };
 };
 
 const reorderPreset = (featurePresetList: (Preset & { key: PresetKey })[]) => {
@@ -328,6 +348,12 @@ const deletePreset = async (key: PresetKey) => {
   }
 };
 
+const shouldShowMorphing = computed(
+  () => store.state.experimentalSetting.enableMorphing,
+);
+
+const morphingTargetEngines = store.getters.MORPHING_SUPPORTED_ENGINES;
+
 const morphingTargetCharacters = computed<CharacterInfo[]>(() => {
   const allCharacterInfos = store.getters.USER_ORDERED_CHARACTER_INFOS("talk");
   if (allCharacterInfos == undefined)
@@ -342,12 +368,12 @@ const morphingTargetCharacterInfo = computed(() =>
     ?.find(
       (character) =>
         character.metas.speakerUuid ===
-        editedPreset.value?.morphingInfo?.targetSpeakerId,
+        selectedPreset.value?.morphingInfo?.targetSpeakerId,
     ),
 );
 
 const morphingTargetStyleInfo = computed(() => {
-  const morphingInfo = editedPreset.value?.morphingInfo;
+  const morphingInfo = selectedPreset.value?.morphingInfo;
 
   if (!morphingInfo) return;
 

From d6971c755887d0abb03abb80185dadb5072a5596 Mon Sep 17 00:00:00 2001
From: Takusea <takusea826@gmail.com>
Date: Thu, 2 Jan 2025 22:11:09 +0900
Subject: [PATCH 10/30] =?UTF-8?q?=E3=83=97=E3=83=AA=E3=82=BB=E3=83=83?=
 =?UTF-8?q?=E3=83=88=E5=90=8D=E3=81=8C=E9=95=B7=E3=81=84=E3=81=A8=E3=81=8D?=
 =?UTF-8?q?=E3=81=AE=E8=A1=A8=E7=A4=BA=E5=B4=A9=E3=82=8C=E3=82=92=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dialog/PresetManageDialog.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/Dialog/PresetManageDialog.vue b/src/components/Dialog/PresetManageDialog.vue
index 90078aad08..6440166299 100644
--- a/src/components/Dialog/PresetManageDialog.vue
+++ b/src/components/Dialog/PresetManageDialog.vue
@@ -41,7 +41,9 @@
                     @click="selectedPresetKey = item.key"
                   >
                     <div class="listitem-content">
-                      {{ item.name }}
+                      <span class="listitem-name">
+                        {{ item.name }}
+                      </span>
                       <div class="listitem-icon">
                         <BaseIconButton
                           icon="delete_outline"
@@ -412,7 +414,14 @@ const morphingTargetStyleInfo = computed(() => {
   justify-content: space-between;
   align-items: center;
   gap: vars.$gap-1;
-  width: 100%;
+  width: 320px;
+}
+
+.listitem-name {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  flex: 1;
 }
 
 .listitem-icon {
@@ -442,6 +451,7 @@ const morphingTargetStyleInfo = computed(() => {
 
 .preset-name {
   @include mixin.headline-1;
+  word-break: break-all;
 }
 
 .preset-field {

From 674b85cafb03dca5145e24fb02a2ae4b5a8cd0b4 Mon Sep 17 00:00:00 2001
From: Takusea <takusea826@gmail.com>
Date: Thu, 2 Jan 2025 22:16:31 +0900
Subject: [PATCH 11/30] =?UTF-8?q?BaseListItem=E5=86=85=E3=83=86=E3=82=AD?=
 =?UTF-8?q?=E3=82=B9=E3=83=88=E3=82=92=E5=B7=A6=E6=8F=83=E3=81=88=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Base/BaseListItem.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Base/BaseListItem.vue b/src/components/Base/BaseListItem.vue
index e81e50bf39..0371091ed3 100644
--- a/src/components/Base/BaseListItem.vue
+++ b/src/components/Base/BaseListItem.vue
@@ -36,6 +36,7 @@ defineEmits<{
   border: none;
   padding: vars.$padding-1 vars.$padding-2;
   border-radius: vars.$radius-1;
+  text-align: left;
 
   &:not(.selected):hover {
     background-color: colors.$clear-hovered;

From fc58807344b6ea4f83920ec1a633bf228611631d Mon Sep 17 00:00:00 2001
From: Takusea <takusea826@gmail.com>
Date: Fri, 3 Jan 2025 02:22:22 +0900
Subject: [PATCH 12/30] =?UTF-8?q?input=E3=81=AE=E3=83=86=E3=82=AD=E3=82=B9?=
 =?UTF-8?q?=E3=83=88=E8=89=B2=E3=82=92=E8=89=B2=E5=A4=89=E6=95=B0=E3=82=92?=
 =?UTF-8?q?=E7=94=A8=E3=81=84=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Talk/ParameterSlider.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/Talk/ParameterSlider.vue b/src/components/Talk/ParameterSlider.vue
index 3462176adc..f9daf3ba19 100644
--- a/src/components/Talk/ParameterSlider.vue
+++ b/src/components/Talk/ParameterSlider.vue
@@ -64,6 +64,7 @@ const onUpdate = (event: Event) => {
 
 <style scoped lang="scss">
 @use "@/styles/v2/variables" as vars;
+@use "@/styles/v2/colors" as colors;
 @use "@/styles/v2/mixin" as mixin;
 
 .parameter-header {
@@ -77,6 +78,7 @@ const onUpdate = (event: Event) => {
   background-color: transparent;
   text-align: right;
   border-radius: vars.$radius-1;
+  color: colors.$display;
 
   &:focus-visible {
     @include mixin.on-focus;

From 10ab7c16405588c7797970a929033603812ac39d Mon Sep 17 00:00:00 2001
From: Takusea <takusea826@gmail.com>
Date: Tue, 7 Jan 2025 22:38:07 +0900
Subject: [PATCH 13/30] =?UTF-8?q?=E3=83=AA=E3=82=BB=E3=83=83=E3=83=88?=
 =?UTF-8?q?=E6=99=82=E3=81=AE=E5=80=A4=E3=82=92=E3=83=80=E3=82=A4=E3=82=A2?=
 =?UTF-8?q?=E3=83=AD=E3=82=B0=E8=A1=A8=E7=A4=BA=E6=99=82=E3=81=AE=E5=80=A4?=
 =?UTF-8?q?=E3=81=AB=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dialog/PresetManageDialog.vue | 40 ++++++++++----------
 1 file changed, 19 insertions(+), 21 deletions(-)

diff --git a/src/components/Dialog/PresetManageDialog.vue b/src/components/Dialog/PresetManageDialog.vue
index 6440166299..f7eb4e71c5 100644
--- a/src/components/Dialog/PresetManageDialog.vue
+++ b/src/components/Dialog/PresetManageDialog.vue
@@ -156,10 +156,10 @@
                       label="変更をリセット"
                       :disabled="!isPresetChanged"
                       @click="
-                        if (initialPreset == undefined) {
+                        if (initialPresets == undefined) {
                           throw new Error('initialPreset is undefined');
                         }
-                        resetPreset(initialPreset);
+                        resetPreset(initialPresets[selectedPresetKey]);
                       "
                     />
                   </div>
@@ -247,34 +247,37 @@ const parameterLabels: Record<ParameterType, string> = {
 
 const selectedPresetKey = ref();
 const selectedPreset = ref<Preset | undefined>();
-const initialPreset = ref<Preset | undefined>();
+const initialPresets = ref<Record<string, Preset> | undefined>();
 
 const isPresetChanged = computed(() => {
-  if (!selectedPreset.value) return false;
+  if (!selectedPreset.value || !initialPresets.value) return false;
 
   return (
-    JSON.stringify(selectedPreset.value) !== JSON.stringify(initialPreset.value)
+    JSON.stringify(selectedPreset.value) !==
+    JSON.stringify(initialPresets.value[selectedPresetKey.value])
   );
 });
 
+watch(
+  () => props.openDialog,
+  (newValue) => {
+    if (newValue) {
+      initialPresets.value = presetItems.value;
+    }
+  },
+);
+
 watch(selectedPresetKey, (key) => {
   if (key == undefined) {
     selectedPreset.value = undefined;
-    initialPreset.value = undefined;
     return;
   }
 
   const preset = presetItems.value[key];
-  const clonedPreset = () => {
-    return {
-      ...preset,
-      morphingInfo: preset.morphingInfo
-        ? { ...preset.morphingInfo }
-        : undefined,
-    };
+  selectedPreset.value = {
+    ...preset,
+    morphingInfo: preset.morphingInfo ? { ...preset.morphingInfo } : undefined,
   };
-  selectedPreset.value = clonedPreset();
-  initialPreset.value = clonedPreset();
 });
 
 watch(
@@ -284,12 +287,7 @@ watch(
       ...selectedPreset.value?.morphingInfo,
     }),
   async () => {
-    if (
-      !selectedPreset.value ||
-      !isPresetChanged.value ||
-      !selectedPreset.value.name
-    )
-      return;
+    if (!selectedPreset.value || !selectedPreset.value.name) return;
 
     await store.actions.UPDATE_PRESET({
       presetData: selectedPreset.value,

From 9d354b223f856856578c675190db886fa65530d8 Mon Sep 17 00:00:00 2001
From: Takusea <takusea826@gmail.com>
Date: Tue, 7 Jan 2025 22:38:19 +0900
Subject: [PATCH 14/30] =?UTF-8?q?=E4=B8=8D=E8=A6=81=E3=81=AA=E8=83=8C?=
 =?UTF-8?q?=E6=99=AF=E8=89=B2=E3=82=92=E5=89=8A=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dialog/PresetManageDialog.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Dialog/PresetManageDialog.vue b/src/components/Dialog/PresetManageDialog.vue
index f7eb4e71c5..914063753b 100644
--- a/src/components/Dialog/PresetManageDialog.vue
+++ b/src/components/Dialog/PresetManageDialog.vue
@@ -7,7 +7,7 @@
     class="setting-dialog transparent-backdrop"
     @update:modelValue="updateOpenDialog"
   >
-    <QLayout container view="hHh Lpr lff" class="bg-background">
+    <QLayout container view="hHh Lpr lff">
       <QHeader class="q-py-sm">
         <QToolbar>
           <QToolbarTitle class="text-display">プリセットの管理</QToolbarTitle>

From 226ac82bc5d42363e28b3a4410bc3a27c5f52ffc Mon Sep 17 00:00:00 2001
From: Takusea <takusea826@gmail.com>
Date: Fri, 10 Jan 2025 22:53:57 +0900
Subject: [PATCH 15/30] =?UTF-8?q?=E3=83=AA=E3=82=BB=E3=83=83=E3=83=88?=
 =?UTF-8?q?=E6=A9=9F=E8=83=BD=E3=82=92=E5=89=8A=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dialog/PresetManageDialog.vue | 61 --------------------
 1 file changed, 61 deletions(-)

diff --git a/src/components/Dialog/PresetManageDialog.vue b/src/components/Dialog/PresetManageDialog.vue
index 914063753b..8ce1e72a0c 100644
--- a/src/components/Dialog/PresetManageDialog.vue
+++ b/src/components/Dialog/PresetManageDialog.vue
@@ -151,18 +151,6 @@
                       />
                     </template>
                   </div>
-                  <div class="footer">
-                    <BaseButton
-                      label="変更をリセット"
-                      :disabled="!isPresetChanged"
-                      @click="
-                        if (initialPresets == undefined) {
-                          throw new Error('initialPreset is undefined');
-                        }
-                        resetPreset(initialPresets[selectedPresetKey]);
-                      "
-                    />
-                  </div>
                 </div>
               </BaseScrollArea>
             </div>
@@ -181,7 +169,6 @@ import BaseListItem from "@/components/Base/BaseListItem.vue";
 import BaseNavigationView from "@/components/Base/BaseNavigationView.vue";
 import BaseScrollArea from "@/components/Base/BaseScrollArea.vue";
 import BaseIconButton from "@/components/Base/BaseIconButton.vue";
-import BaseButton from "@/components/Base/BaseButton.vue";
 import BaseTextField from "@/components/Base/BaseTextField.vue";
 import CharacterButton from "@/components/CharacterButton.vue";
 import ParameterSlider from "@/components/Talk/ParameterSlider.vue";
@@ -247,25 +234,6 @@ const parameterLabels: Record<ParameterType, string> = {
 
 const selectedPresetKey = ref();
 const selectedPreset = ref<Preset | undefined>();
-const initialPresets = ref<Record<string, Preset> | undefined>();
-
-const isPresetChanged = computed(() => {
-  if (!selectedPreset.value || !initialPresets.value) return false;
-
-  return (
-    JSON.stringify(selectedPreset.value) !==
-    JSON.stringify(initialPresets.value[selectedPresetKey.value])
-  );
-});
-
-watch(
-  () => props.openDialog,
-  (newValue) => {
-    if (newValue) {
-      initialPresets.value = presetItems.value;
-    }
-  },
-);
 
 watch(selectedPresetKey, (key) => {
   if (key == undefined) {
@@ -302,23 +270,6 @@ const changePresetName = (event: Event) => {
   }
 };
 
-const resetPreset = async (preset: Preset) => {
-  const result = await store.actions.SHOW_WARNING_DIALOG({
-    title: "プリセットの変更をリセットしますか？",
-    message: "プリセットの変更は破棄されてリセットされます。",
-    actionName: "リセットする",
-  });
-
-  if (result !== "OK") {
-    return;
-  }
-
-  selectedPreset.value = {
-    ...preset,
-    morphingInfo: preset.morphingInfo ? { ...preset.morphingInfo } : undefined,
-  };
-};
-
 const reorderPreset = (featurePresetList: (Preset & { key: PresetKey })[]) => {
   const newPresetKeys = featurePresetList.map((item) => item.key);
   previewPresetKeys.value = newPresetKeys;
@@ -473,16 +424,4 @@ const morphingTargetStyleInfo = computed(() => {
   align-items: center;
   gap: vars.$gap-1;
 }
-
-.footer {
-  position: sticky;
-  bottom: 0;
-  right: 0;
-  display: flex;
-  justify-content: flex-end;
-  gap: vars.$gap-1;
-  padding-block: vars.$padding-2;
-  margin-top: auto;
-  background-color: colors.$background;
-}
 </style>

From 7465270671e34c888cc5de0d04e26f0ed1bd1fff Mon Sep 17 00:00:00 2001
From: Takusea <takusea826@gmail.com>
Date: Fri, 10 Jan 2025 23:01:22 +0900
Subject: [PATCH 16/30] =?UTF-8?q?=E4=B8=8D=E8=A6=81=E3=81=AACSS=E3=83=97?=
 =?UTF-8?q?=E3=83=AD=E3=83=91=E3=83=86=E3=82=A3=E3=82=92=E5=89=8A=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dialog/PresetManageDialog.vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/components/Dialog/PresetManageDialog.vue b/src/components/Dialog/PresetManageDialog.vue
index 8ce1e72a0c..fa9258fc01 100644
--- a/src/components/Dialog/PresetManageDialog.vue
+++ b/src/components/Dialog/PresetManageDialog.vue
@@ -387,13 +387,10 @@ const morphingTargetStyleInfo = computed(() => {
 }
 
 .inner {
-  min-height: 100%;
   display: flex;
   flex-direction: column;
   padding: vars.$padding-2;
-  padding-bottom: 0;
   gap: vars.$gap-2;
-  position: relative;
   margin-inline: auto;
   max-width: 480px;
 }

From 3d3a29079fbeeac09b44cd7a8cbbcc90ab642338 Mon Sep 17 00:00:00 2001
From: Hiroshiba <hihokaruta@gmail.com>
Date: Thu, 16 Jan 2025 04:51:04 +0900
Subject: [PATCH 17/30] =?UTF-8?q?chore:=20debounce=E8=BF=BD=E5=8A=A0?=
 =?UTF-8?q?=E3=81=A8deep=E8=BF=BD=E5=8A=A0=E3=81=A8clonecopy=E8=BF=BD?=
 =?UTF-8?q?=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Base/BaseSlider.vue           |  8 ++++-
 src/components/Dialog/PresetManageDialog.vue | 31 ++++++++++----------
 src/helpers/timer.ts                         | 15 ++++++++++
 3 files changed, 38 insertions(+), 16 deletions(-)
 create mode 100644 src/helpers/timer.ts

diff --git a/src/components/Base/BaseSlider.vue b/src/components/Base/BaseSlider.vue
index 3a32daf386..ab19d9e53a 100644
--- a/src/components/Base/BaseSlider.vue
+++ b/src/components/Base/BaseSlider.vue
@@ -27,6 +27,7 @@
 <script setup lang="ts">
 import { SliderRange, SliderRoot, SliderThumb, SliderTrack } from "radix-vue";
 import { isOnCommandOrCtrlKeyDown } from "@/store/utility";
+import { debounce } from "@/helpers/timer";
 
 const props = withDefaults(
   defineProps<{
@@ -50,6 +51,11 @@ const emit = defineEmits<{
   valueCommit: [value: number];
 }>();
 
+const debounceEmitValueCommit = debounce(
+  (value: number) => emit("valueCommit", value),
+  300,
+);
+
 const onWheel = (event: WheelEvent) => {
   if (props.disabled) return;
   event.preventDefault();
@@ -64,7 +70,7 @@ const onWheel = (event: WheelEvent) => {
   const clampedValue = Math.min(props.max, Math.max(props.min, value));
 
   emit("update:modelValue", clampedValue);
-  emit("valueCommit", clampedValue);
+  debounceEmitValueCommit(clampedValue);
 };
 </script>
 
diff --git a/src/components/Dialog/PresetManageDialog.vue b/src/components/Dialog/PresetManageDialog.vue
index fa9258fc01..87b8c8805f 100644
--- a/src/components/Dialog/PresetManageDialog.vue
+++ b/src/components/Dialog/PresetManageDialog.vue
@@ -180,6 +180,9 @@ import {
   PresetSliderKey,
 } from "@/type/preload";
 import { SLIDER_PARAMETERS } from "@/store/utility";
+import { cloneWithUnwrapProxy } from "@/helpers/cloneWithUnwrapProxy";
+import { debounce } from "@/helpers/timer";
+import { UnreachableError } from "@/type/utility";
 
 const props = defineProps<{
   openDialog: boolean;
@@ -241,27 +244,25 @@ watch(selectedPresetKey, (key) => {
     return;
   }
 
-  const preset = presetItems.value[key];
-  selectedPreset.value = {
-    ...preset,
-    morphingInfo: preset.morphingInfo ? { ...preset.morphingInfo } : undefined,
-  };
+  selectedPreset.value = cloneWithUnwrapProxy(presetItems.value[key]);
 });
 
+const debouncedUpdatePreset = debounce(store.actions.UPDATE_PRESET, 300);
 watch(
-  () =>
-    Object.entries({
-      ...selectedPreset.value,
-      ...selectedPreset.value?.morphingInfo,
-    }),
-  async () => {
-    if (!selectedPreset.value || !selectedPreset.value.name) return;
-
-    await store.actions.UPDATE_PRESET({
-      presetData: selectedPreset.value,
+  () => selectedPreset.value,
+  (value) => {
+    if (value == undefined) {
+      throw new UnreachableError(value);
+    }
+    if (value.name == "") return;
+
+    // NOTE: debounce中にkeyが変わった場合に対応するため、watchのコールバックに直接debounceを使っていない
+    void debouncedUpdatePreset({
+      presetData: value,
       presetKey: selectedPresetKey.value,
     });
   },
+  { deep: true },
 );
 
 const changePresetName = (event: Event) => {
diff --git a/src/helpers/timer.ts b/src/helpers/timer.ts
new file mode 100644
index 0000000000..969dc4a21a
--- /dev/null
+++ b/src/helpers/timer.ts
@@ -0,0 +1,15 @@
+/**
+ * debounce関数を返す。
+ * 最後に呼び出されてから指定した時間が経過した後にコールバックが実行される。
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function debounce<T extends (...args: any[]) => unknown>(
+  callback: T,
+  delay: number,
+): (...args: Parameters<T>) => void {
+  let timeoutId: ReturnType<typeof setTimeout>;
+  return (...args) => {
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(() => callback(...args), delay);
+  };
+}

From a55a8b3397d538cf8e529b1ba890141ab5f8318a Mon Sep 17 00:00:00 2001
From: Takusea <53995265+takusea@users.noreply.github.com>
Date: Thu, 16 Jan 2025 23:57:03 +0900
Subject: [PATCH 18/30] =?UTF-8?q?=E3=82=B3=E3=83=A1=E3=83=B3=E3=83=88?=
 =?UTF-8?q?=E3=81=AB=E6=B3=A8=E9=87=88=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Hiroshiba <hihokaruta@gmail.com>
---
 src/components/Dialog/PresetManageDialog.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Dialog/PresetManageDialog.vue b/src/components/Dialog/PresetManageDialog.vue
index 87b8c8805f..e0108d4cf0 100644
--- a/src/components/Dialog/PresetManageDialog.vue
+++ b/src/components/Dialog/PresetManageDialog.vue
@@ -85,7 +85,7 @@
                         :label="parameterLabels[sliderKey as ParameterType]"
                       />
                     </template>
-                    <!-- モーフィング無効時にキャラ選択解除するといきなり非表示になってしまうが、稀なケースなため無対策 -->
+                    <!-- NOTE: モーフィング無効時にキャラ選択解除するといきなり非表示になってしまうが、稀なケースなため無対策 -->
                     <template
                       v-if="shouldShowMorphing || selectedPreset.morphingInfo"
                     >

From 2f0014f8ae66e00115d157a13e3d3d7986b4f63b Mon Sep 17 00:00:00 2001
From: Takusea <53995265+takusea@users.noreply.github.com>
Date: Fri, 17 Jan 2025 00:00:29 +0900
Subject: [PATCH 19/30] =?UTF-8?q?emit=E3=81=AE=E5=AE=9F=E8=A1=8C=E3=82=BF?=
 =?UTF-8?q?=E3=82=A4=E3=83=9F=E3=83=B3=E3=82=B0=E3=81=AB=E9=96=A2=E3=81=99?=
 =?UTF-8?q?=E3=82=8B=E3=82=B3=E3=83=A1=E3=83=B3=E3=83=88=E3=82=92=E8=BF=BD?=
 =?UTF-8?q?=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Hiroshiba <hihokaruta@gmail.com>
---
 src/components/Talk/ParameterSlider.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Talk/ParameterSlider.vue b/src/components/Talk/ParameterSlider.vue
index f9daf3ba19..cabea38c07 100644
--- a/src/components/Talk/ParameterSlider.vue
+++ b/src/components/Talk/ParameterSlider.vue
@@ -45,6 +45,7 @@ watchEffect(() => {
 const inputValueFixed = computed(() => inputValue.value.toFixed(2));
 
 const emit = defineEmits<{
+  /** 値が確定したタイミングで実行される */
   "update:modelValue": [value: number];
 }>();
 

From 5b50a895beb54cbd853b62774e7f050d03e7f568 Mon Sep 17 00:00:00 2001
From: Takusea <takusea826@gmail.com>
Date: Fri, 17 Jan 2025 00:10:12 +0900
Subject: [PATCH 20/30] =?UTF-8?q?=E4=BE=8B=E5=A4=96=E3=82=92=E3=82=B9?=
 =?UTF-8?q?=E3=83=AD=E3=83=BC=E3=81=99=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Talk/ParameterSlider.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Talk/ParameterSlider.vue b/src/components/Talk/ParameterSlider.vue
index cabea38c07..da14ca0121 100644
--- a/src/components/Talk/ParameterSlider.vue
+++ b/src/components/Talk/ParameterSlider.vue
@@ -51,7 +51,7 @@ const emit = defineEmits<{
 
 const onUpdate = (event: Event) => {
   if (!(event.target instanceof HTMLInputElement)) {
-    return;
+    throw new Error("Event target is not an HTMLInputElement");
   }
 
   const value = Number(event.target.value);

From 498556651660e604d3056926c3a2cd7c1e82cecd Mon Sep 17 00:00:00 2001
From: Takusea <takusea826@gmail.com>
Date: Fri, 17 Jan 2025 00:10:30 +0900
Subject: [PATCH 21/30] =?UTF-8?q?=E5=91=BD=E5=90=8D=E3=82=92=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Talk/ParameterSlider.vue | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/Talk/ParameterSlider.vue b/src/components/Talk/ParameterSlider.vue
index da14ca0121..f4225de390 100644
--- a/src/components/Talk/ParameterSlider.vue
+++ b/src/components/Talk/ParameterSlider.vue
@@ -6,15 +6,14 @@
       </label>
       <input
         :id="`parameter-${sliderKey}`"
-        :value="inputValueFixed"
+        :value="innerValueFixed"
         class="parameter-input"
         type="text"
-        @change="onUpdate"
-        @blur="onUpdate"
+        @change="handleInputUpdate"
       />
     </div>
     <BaseSlider
-      v-model="inputValue"
+      v-model="innerValue"
       :min
       :max
       :step
@@ -38,18 +37,18 @@ const props = defineProps<{
   modelValue: number;
 }>();
 
-const inputValue = ref(props.modelValue);
+const innerValue = ref(props.modelValue);
 watchEffect(() => {
-  inputValue.value = props.modelValue;
+  innerValue.value = props.modelValue;
 });
-const inputValueFixed = computed(() => inputValue.value.toFixed(2));
+const innerValueFixed = computed(() => innerValue.value.toFixed(2));
 
 const emit = defineEmits<{
   /** 値が確定したタイミングで実行される */
   "update:modelValue": [value: number];
 }>();
 
-const onUpdate = (event: Event) => {
+const handleInputUpdate = (event: Event) => {
   if (!(event.target instanceof HTMLInputElement)) {
     throw new Error("Event target is not an HTMLInputElement");
   }
@@ -59,7 +58,7 @@ const onUpdate = (event: Event) => {
     emit("update:modelValue", Math.min(Math.max(value, props.min), props.max));
   }
 
-  inputValue.value = props.modelValue;
+  innerValue.value = props.modelValue;
 };
 </script>
 

From e691e2b464eac08850ff382f18a1d8c8c4d8ac7b Mon Sep 17 00:00:00 2001
From: Takusea <takusea826@gmail.com>
Date: Fri, 17 Jan 2025 01:16:51 +0900
Subject: [PATCH 22/30] =?UTF-8?q?update:selectedVoice=E3=81=AE=E3=82=A4?=
 =?UTF-8?q?=E3=83=99=E3=83=B3=E3=83=88=E3=83=8F=E3=83=B3=E3=83=89=E3=83=A9?=
 =?UTF-8?q?=E3=82=92=E5=88=87=E3=82=8A=E5=87=BA=E3=81=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dialog/PresetManageDialog.vue | 32 ++++++++++++--------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/src/components/Dialog/PresetManageDialog.vue b/src/components/Dialog/PresetManageDialog.vue
index e0108d4cf0..0d1a2c03b4 100644
--- a/src/components/Dialog/PresetManageDialog.vue
+++ b/src/components/Dialog/PresetManageDialog.vue
@@ -108,18 +108,7 @@
                           :showEngineInfo="morphingTargetEngines.length >= 2"
                           :emptiable="true"
                           :uiLocked="false"
-                          @update:selectedVoice="
-                            if ($event == null) {
-                              selectedPreset.morphingInfo = undefined;
-                            } else {
-                              selectedPreset.morphingInfo = {
-                                targetEngineId: $event.engineId,
-                                targetSpeakerId: $event.speakerId,
-                                targetStyleId: $event.styleId,
-                                rate: selectedPreset.morphingInfo?.rate ?? 0.5,
-                              };
-                            }
-                          "
+                          @update:selectedVoice="handleSelectedVoiceUpdate"
                         />
                         <span>
                           {{
@@ -178,6 +167,7 @@ import {
   Preset,
   PresetKey,
   PresetSliderKey,
+  Voice,
 } from "@/type/preload";
 import { SLIDER_PARAMETERS } from "@/store/utility";
 import { cloneWithUnwrapProxy } from "@/helpers/cloneWithUnwrapProxy";
@@ -193,6 +183,24 @@ const emit = defineEmits<{
 
 const updateOpenDialog = (isOpen: boolean) => emit("update:openDialog", isOpen);
 
+const handleSelectedVoiceUpdate = (event: Voice | undefined) => {
+  if (selectedPreset.value == undefined) {
+    throw new Error("selectedPreset is undefined");
+  }
+
+  if (event == undefined) {
+    selectedPreset.value.morphingInfo = undefined;
+    return;
+  }
+
+  selectedPreset.value.morphingInfo = {
+    targetEngineId: event.engineId,
+    targetSpeakerId: event.speakerId,
+    targetStyleId: event.styleId,
+    rate: selectedPreset.value.morphingInfo?.rate ?? 0.5,
+  };
+};
+
 const store = useStore();
 const { isDefaultPresetKey } = useDefaultPreset();
 

From 1096717c51d17c8fa5978acf18dfe79807fc9ab3 Mon Sep 17 00:00:00 2001
From: Takusea <takusea826@gmail.com>
Date: Fri, 17 Jan 2025 01:17:49 +0900
Subject: [PATCH 23/30] =?UTF-8?q?handleInputUpdate=E3=81=AE=E5=87=A6?=
 =?UTF-8?q?=E7=90=86=E3=82=92=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Talk/ParameterSlider.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/Talk/ParameterSlider.vue b/src/components/Talk/ParameterSlider.vue
index f4225de390..2e80ebf5e1 100644
--- a/src/components/Talk/ParameterSlider.vue
+++ b/src/components/Talk/ParameterSlider.vue
@@ -53,12 +53,14 @@ const handleInputUpdate = (event: Event) => {
     throw new Error("Event target is not an HTMLInputElement");
   }
 
-  const value = Number(event.target.value);
-  if (!Number.isNaN(value)) {
-    emit("update:modelValue", Math.min(Math.max(value, props.min), props.max));
+  const rawValue = Number(event.target.value);
+  if (Number.isNaN(rawValue)) {
+    event.target.value = innerValueFixed.value;
+    return;
   }
 
-  innerValue.value = props.modelValue;
+  const value = Math.min(Math.max(rawValue, props.min), props.max);
+  emit("update:modelValue", value);
 };
 </script>
 

From 6d46556f16e5294ed85961eb467d02958b67e224 Mon Sep 17 00:00:00 2001
From: Hiroshiba Kazuyuki <kazuyuki_hiroshiba@dwango.co.jp>
Date: Sat, 18 Jan 2025 17:30:32 +0900
Subject: [PATCH 24/30] =?UTF-8?q?refactor:=20selectedPresetKey=E3=81=AA?=
 =?UTF-8?q?=E3=81=A9=E3=82=92selected=E3=81=AB=E3=81=BE=E3=81=A8=E3=82=81?=
 =?UTF-8?q?=E3=81=A6debounce=E3=82=92=E7=B0=A1=E5=8D=98=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dialog/PresetManageDialog.vue | 81 ++++++++++----------
 1 file changed, 41 insertions(+), 40 deletions(-)

diff --git a/src/components/Dialog/PresetManageDialog.vue b/src/components/Dialog/PresetManageDialog.vue
index 0d1a2c03b4..5e8933bcf7 100644
--- a/src/components/Dialog/PresetManageDialog.vue
+++ b/src/components/Dialog/PresetManageDialog.vue
@@ -37,8 +37,8 @@
               >
                 <template #item="{ element: item }">
                   <BaseListItem
-                    :selected="selectedPresetKey === item.key"
-                    @click="selectedPresetKey = item.key"
+                    :selected="selected?.key === item.key"
+                    @click="selectPreset(item.key)"
                   >
                     <div class="listitem-content">
                       <span class="listitem-name">
@@ -58,15 +58,17 @@
             </template>
             <div class="detail">
               <BaseScrollArea>
-                <div v-if="selectedPreset" class="inner">
+                <div v-if="selected" class="inner">
                   <div class="parameter-list">
-                    <h2 class="preset-name">{{ selectedPreset.name }}</h2>
+                    <h2 class="preset-name">
+                      {{ selected.preset.name }}
+                    </h2>
                     <div class="preset-field">
                       <label for="preset-name">プリセット名</label>
                       <BaseTextField
                         id="preset-name"
-                        :modelValue="selectedPreset.name"
-                        :hasError="!selectedPreset.name"
+                        :modelValue="selected.preset.name"
+                        :hasError="!selected.preset.name"
                         @change="changePresetName"
                       />
                     </div>
@@ -76,7 +78,7 @@
                     >
                       <ParameterSlider
                         v-if="sliderKey in parameterLabels"
-                        v-model="selectedPreset[sliderKey as ParameterType]"
+                        v-model="selected.preset[sliderKey as ParameterType]"
                         :sliderKey
                         :min="value.min()"
                         :max="value.max()"
@@ -87,20 +89,21 @@
                     </template>
                     <!-- NOTE: モーフィング無効時にキャラ選択解除するといきなり非表示になってしまうが、稀なケースなため無対策 -->
                     <template
-                      v-if="shouldShowMorphing || selectedPreset.morphingInfo"
+                      v-if="shouldShowMorphing || selected.preset.morphingInfo"
                     >
                       <h3 class="parameter-headline">モーフィング</h3>
                       <div class="mophing-style">
                         <CharacterButton
                           :selectedVoice="
-                            selectedPreset.morphingInfo
+                            selected.preset.morphingInfo
                               ? {
                                   engineId:
-                                    selectedPreset.morphingInfo.targetEngineId,
+                                    selected.preset.morphingInfo.targetEngineId,
                                   speakerId:
-                                    selectedPreset.morphingInfo.targetSpeakerId,
+                                    selected.preset.morphingInfo
+                                      .targetSpeakerId,
                                   styleId:
-                                    selectedPreset.morphingInfo.targetStyleId,
+                                    selected.preset.morphingInfo.targetStyleId,
                                 }
                               : undefined
                           "
@@ -127,8 +130,8 @@
                         </span>
                       </div>
                       <ParameterSlider
-                        v-if="selectedPreset.morphingInfo"
-                        v-model="selectedPreset.morphingInfo.rate"
+                        v-if="selected.preset.morphingInfo"
+                        v-model="selected.preset.morphingInfo.rate"
                         sliderKey="morphingRate"
                         label="割合"
                         :min="SLIDER_PARAMETERS.morphingRate.min()"
@@ -184,20 +187,20 @@ const emit = defineEmits<{
 const updateOpenDialog = (isOpen: boolean) => emit("update:openDialog", isOpen);
 
 const handleSelectedVoiceUpdate = (event: Voice | undefined) => {
-  if (selectedPreset.value == undefined) {
+  if (selected.value == undefined) {
     throw new Error("selectedPreset is undefined");
   }
 
   if (event == undefined) {
-    selectedPreset.value.morphingInfo = undefined;
+    selected.value.preset.morphingInfo = undefined;
     return;
   }
 
-  selectedPreset.value.morphingInfo = {
+  selected.value.preset.morphingInfo = {
     targetEngineId: event.engineId,
     targetSpeakerId: event.speakerId,
     targetStyleId: event.styleId,
-    rate: selectedPreset.value.morphingInfo?.rate ?? 0.5,
+    rate: selected.value.preset.morphingInfo?.rate ?? 0.5,
   };
 };
 
@@ -243,39 +246,38 @@ const parameterLabels: Record<ParameterType, string> = {
   postPhonemeLength: "終了無音",
 };
 
-const selectedPresetKey = ref();
-const selectedPreset = ref<Preset | undefined>();
+const selected = ref<undefined | { key: PresetKey; preset: Preset }>();
 
-watch(selectedPresetKey, (key) => {
+const selectPreset = (key: PresetKey | undefined) => {
   if (key == undefined) {
-    selectedPreset.value = undefined;
+    selected.value = undefined;
     return;
   }
+  selected.value = {
+    key,
+    preset: cloneWithUnwrapProxy(presetItems.value[key]),
+  };
+};
 
-  selectedPreset.value = cloneWithUnwrapProxy(presetItems.value[key]);
-});
-
-const debouncedUpdatePreset = debounce(store.actions.UPDATE_PRESET, 300);
 watch(
-  () => selectedPreset.value,
-  (value) => {
+  () => selected.value,
+  debounce((value) => {
     if (value == undefined) {
-      throw new UnreachableError(value);
+      throw new UnreachableError();
     }
-    if (value.name == "") return;
+    if (value.preset.name == "") return;
 
-    // NOTE: debounce中にkeyが変わった場合に対応するため、watchのコールバックに直接debounceを使っていない
-    void debouncedUpdatePreset({
-      presetData: value,
-      presetKey: selectedPresetKey.value,
+    void store.actions.UPDATE_PRESET({
+      presetData: value.preset,
+      presetKey: value.key,
     });
-  },
+  }, 300),
   { deep: true },
 );
 
 const changePresetName = (event: Event) => {
-  if (event.target instanceof HTMLInputElement && selectedPreset.value) {
-    selectedPreset.value.name = event.target.value;
+  if (event.target instanceof HTMLInputElement && selected.value) {
+    selected.value.preset.name = event.target.value;
   }
 };
 
@@ -328,13 +330,12 @@ const morphingTargetCharacterInfo = computed(() =>
     ?.find(
       (character) =>
         character.metas.speakerUuid ===
-        selectedPreset.value?.morphingInfo?.targetSpeakerId,
+        selected.value?.preset.morphingInfo?.targetSpeakerId,
     ),
 );
 
 const morphingTargetStyleInfo = computed(() => {
-  const morphingInfo = selectedPreset.value?.morphingInfo;
-
+  const morphingInfo = selected.value?.preset.morphingInfo;
   if (!morphingInfo) return;
 
   return morphingTargetCharacterInfo.value?.metas.styles.find(

From f169858440bf3c93252dc1209eb169887eb300e7 Mon Sep 17 00:00:00 2001
From: Hiroshiba Kazuyuki <kazuyuki_hiroshiba@dwango.co.jp>
Date: Sat, 18 Jan 2025 17:31:08 +0900
Subject: [PATCH 25/30] =?UTF-8?q?refactor:=20handleSelectedVoiceUpdate?=
 =?UTF-8?q?=E9=96=A2=E6=95=B0=E3=82=92=E7=A7=BB=E5=8B=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dialog/PresetManageDialog.vue | 36 ++++++++++----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/components/Dialog/PresetManageDialog.vue b/src/components/Dialog/PresetManageDialog.vue
index 5e8933bcf7..559bed364a 100644
--- a/src/components/Dialog/PresetManageDialog.vue
+++ b/src/components/Dialog/PresetManageDialog.vue
@@ -186,24 +186,6 @@ const emit = defineEmits<{
 
 const updateOpenDialog = (isOpen: boolean) => emit("update:openDialog", isOpen);
 
-const handleSelectedVoiceUpdate = (event: Voice | undefined) => {
-  if (selected.value == undefined) {
-    throw new Error("selectedPreset is undefined");
-  }
-
-  if (event == undefined) {
-    selected.value.preset.morphingInfo = undefined;
-    return;
-  }
-
-  selected.value.preset.morphingInfo = {
-    targetEngineId: event.engineId,
-    targetSpeakerId: event.speakerId,
-    targetStyleId: event.styleId,
-    rate: selected.value.preset.morphingInfo?.rate ?? 0.5,
-  };
-};
-
 const store = useStore();
 const { isDefaultPresetKey } = useDefaultPreset();
 
@@ -344,6 +326,24 @@ const morphingTargetStyleInfo = computed(() => {
       style.styleId === morphingInfo.targetStyleId,
   );
 });
+
+const handleSelectedVoiceUpdate = (event: Voice | undefined) => {
+  if (selected.value == undefined) {
+    throw new Error("selectedPreset is undefined");
+  }
+
+  if (event == undefined) {
+    selected.value.preset.morphingInfo = undefined;
+    return;
+  }
+
+  selected.value.preset.morphingInfo = {
+    targetEngineId: event.engineId,
+    targetSpeakerId: event.speakerId,
+    targetStyleId: event.styleId,
+    rate: selected.value.preset.morphingInfo?.rate ?? 0.5,
+  };
+};
 </script>
 
 <style scoped lang="scss">

From b6ff2aca2e05861c55a300286879b98029256308 Mon Sep 17 00:00:00 2001
From: Hiroshiba Kazuyuki <kazuyuki_hiroshiba@dwango.co.jp>
Date: Sat, 18 Jan 2025 17:33:11 +0900
Subject: [PATCH 26/30] =?UTF-8?q?refactor:=20ParameterSlider=E3=81=AE?=
 =?UTF-8?q?=E3=82=A4=E3=83=B3=E3=83=9D=E3=83=BC=E3=83=88=E3=83=91=E3=82=B9?=
 =?UTF-8?q?=E3=82=92v2=E3=81=AB=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dialog/PresetManageDialog.vue     | 2 +-
 src/components/Talk/{ => v2}/ParameterSlider.vue | 0
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename src/components/Talk/{ => v2}/ParameterSlider.vue (100%)

diff --git a/src/components/Dialog/PresetManageDialog.vue b/src/components/Dialog/PresetManageDialog.vue
index 559bed364a..d55abe77d7 100644
--- a/src/components/Dialog/PresetManageDialog.vue
+++ b/src/components/Dialog/PresetManageDialog.vue
@@ -163,7 +163,7 @@ import BaseScrollArea from "@/components/Base/BaseScrollArea.vue";
 import BaseIconButton from "@/components/Base/BaseIconButton.vue";
 import BaseTextField from "@/components/Base/BaseTextField.vue";
 import CharacterButton from "@/components/CharacterButton.vue";
-import ParameterSlider from "@/components/Talk/ParameterSlider.vue";
+import ParameterSlider from "@/components/Talk/v2/ParameterSlider.vue";
 import { useDefaultPreset } from "@/composables/useDefaultPreset";
 import {
   CharacterInfo,
diff --git a/src/components/Talk/ParameterSlider.vue b/src/components/Talk/v2/ParameterSlider.vue
similarity index 100%
rename from src/components/Talk/ParameterSlider.vue
rename to src/components/Talk/v2/ParameterSlider.vue

From c9bd70c96a94a87af6d3bf9b9a6ab7b236fb87c2 Mon Sep 17 00:00:00 2001
From: Hiroshiba Kazuyuki <kazuyuki_hiroshiba@dwango.co.jp>
Date: Sat, 18 Jan 2025 17:34:19 +0900
Subject: [PATCH 27/30] [update snapshots]


From 5be461fecd1a8b7c6fcfa450e57cbdd7593aa297 Mon Sep 17 00:00:00 2001
From: Hiroshiba Kazuyuki <kazuyuki_hiroshiba@dwango.co.jp>
Date: Sat, 18 Jan 2025 17:49:50 +0900
Subject: [PATCH 28/30] =?UTF-8?q?docs:=20Talk/v2=E3=83=87=E3=82=A3?=
 =?UTF-8?q?=E3=83=AC=E3=82=AF=E3=83=88=E3=83=AA=E3=81=AEREADME.md=E3=82=92?=
 =?UTF-8?q?=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Talk/v2/README.md | 2 ++
 1 file changed, 2 insertions(+)
 create mode 100644 src/components/Talk/v2/README.md

diff --git a/src/components/Talk/v2/README.md b/src/components/Talk/v2/README.md
new file mode 100644
index 0000000000..7211ffa78d
--- /dev/null
+++ b/src/components/Talk/v2/README.md
@@ -0,0 +1,2 @@
+このディレクトリは[トークエディタのリデザインプロジェクト](https://github.com/VOICEVOX/voicevox_project/issues/40)移行のための中間ファイルを配置するディレクトリです。  
+デザイン的に合わないなどの問題がなければ、このディレクトリ内のファイルを使用しても問題ありません。

From 776ef10aed33c6375a7deedf660d5592dc93b6d1 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Sat, 18 Jan 2025 08:50:19 +0000
Subject: [PATCH 29/30] =?UTF-8?q?=EF=BC=88=E3=82=B9=E3=83=8A=E3=83=83?=
 =?UTF-8?q?=E3=83=97=E3=82=B7=E3=83=A7=E3=83=83=E3=83=88=E3=82=92=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...eslider--default-dark-storybook-win32.png" | Bin 685 -> 600 bytes
 ...slider--default-light-storybook-win32.png" | Bin 680 -> 582 bytes
 ...slider--disabled-dark-storybook-win32.png" | Bin 638 -> 558 bytes
 ...lider--disabled-light-storybook-win32.png" | Bin 629 -> 548 bytes
 ...field--has-error-dark-storybook-win32.png" | Bin 2314 -> 2312 bytes
 ...ield--has-error-light-storybook-win32.png" | Bin 2224 -> 2262 bytes
 6 files changed, 0 insertions(+), 0 deletions(-)

diff --git "a/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--default-dark-storybook-win32.png" "b/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--default-dark-storybook-win32.png"
index df4015cb8dc2279d6a75274737ce4c9cf2c430fc..26b8a6869a89e76d5788cc6b68717e34444bcac4 100644
GIT binary patch
literal 600
zcmeAS@N?(olHy`uVBq!ia0y~yV0i#!OK>m&$vfeq4nT^rILO_JVcj{ImkbO{LY^*;
zAr*7p-f{F6Nn|+waAsj)+2sjkJ}X~LkxXgiXk<UAFCZcNOXK23{!8XB9w}Ot2-{R>
zGF^6ly3pzL)~PJh??#r~Unj-7u|2JA-g67)!|#8k-<w&HR%XV;&{mZE@Y$p0r6*qp
z2a44GzjP}i_I~B(g)cN1R;-$sHcj*{1H)94;`i4MAMZbObcyh;$}9UX$jpw9%c#9&
ze<xdfE*rztDI&5!MIufSF_BiM`gg1Eb(G*aw4nNu^{IaG@M%sQuGbkIR3%q17%X{{
zHEsU0^z~2FE6Z{>?NDM^Va6=V&=w+}|L4;t6PJZ{VfyPh7*?HiU}a!fAi@&@3<s}+
zSU6eRr@udUcYc0Kvg>pPhp9Y%?De}!)ARKD9@o!iX1F@-`|q`X{~oadnG*5x#fzsa
zHQj3%85lHLQ(hmvowqx<gbir&|Mh$B+h=Uex}7~6h+K~|I2>&em}gV}>vr_}ZQE*^
zxfq-aj)*fbGz1w0fHboLor;B%;IY?Fzwg}NwdQ?~;+BWU2r`7sZUpMhdM~$R>z6lE
zw@lks&flfY)R1Kyz?k46z52EA%ZkNe{*P2TC%dh+o7k7XW}Wz5R)$d1OJ_DMl4e*i
ziSPTZ`(^w5;%Dah#jJ8)Y;PyOuj<>U$FIK!iX1KcBhJsjaPB8(+|?RjD(JHWdW6B#
L)z4*}Q$iB}X`J;g

literal 685
zcmeAS@N?(olHy`uVBq!ia0y~yV0i#!D{wFYNt3z>4M2*qILO_JVcj{ImkbO{>7Fi*
zAr*7p-Z}3T63B4;WAU<sl9wmUG17`kWs6jBdf@bdm1(hSzmRVAgnJ8myE8886+B$V
zaZ2oOWJrdk*`x&)<r^$>b-5l1&8>d<`DV-xalQR-r&|_3{&L0#XjQ`<sh#XV+Cg9i
zkPK;cU}a!fAT$do=Fl5EXaAOh;*VEaR|*`O-hX%N)T`y^?>&)YWhgDp*>w5jUPgwj
z%wNBrMwjO;7w-LA63}w+<H?OXm;QYBd+pq_aqlu20=)ZvFgZwSE^U2!^lsAo2OI2t
z4kt><$$TsC-U}3(67;SVsD??D!RytW*CO}37MFJ&UR3-qWS=WTKt4z~tH1x>m*h;Y
zmA2Q;ZRcQk<+}hFN&%ceDTW3wh>M#bE@sgJI)CbgJ)25$za6`ik*@Pyh+)O#hua^%
zmy4Y{x7YCBZA+k;M-wjGy_K~h7^wDBR&URod9#X+h=a_^SYuyPcj5MVTV^2df4HGU
zPWkS$;r?-Zsy-=wmta^ibIPT=?BDBtzIgg;*Z&1f4xB)b;dO~Z0ONus|LW}9<o8{Z
zc7F5z`)6IIhAQC|3;{v;$-A%S$nL$IwXI6}_D?ZJhrOI33>ulasilid?QZ3mCoL9~
zUVQeOOLk3es_Az<h83%mC(reJ#|sQ9>)CtHzqgxfS)Eq&D8;&`=I@5jKmIM=?jPSS
zkknKEfr;S(dtp_Y+IKdF6-%dFn&{o3*dlRNlVQrWGqwy2ue6TM2>P|s9VDOzbe@eR
j7eoETeicTLNA5G~8nmfTVo{R<h7E(KtDnm{r-UW|_go$p

diff --git "a/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--default-light-storybook-win32.png" "b/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--default-light-storybook-win32.png"
index cc59e3f5eb631d02677176489f9266490828e7ac..1eaa907fa255b31caeecc59d10822365038c8749 100644
GIT binary patch
delta 548
zcmV+<0^9wl1;zxB7k?NC0ssI2+*cJq00001b5ch_0Itp)=>Px%07*naRCt{2+d)s$
za2&_sb{!p-AVUaKPvV5ckYF&r1rNSHPreclz6B!DgqVm^PU;e1AUd+rKlQqUUV5-?
ze4gX4m+$qH{2O0~A_4#^8GZk<KYDw5If<fZZF%+C@agdGW`EtI0HCd6feHZC9DN<V
ze)s0~+Db3$MNu@H&VHO;ym<0_>;ACrX#mhlow^4AKr5AHxj#BsS?_1dS&}44l4Q%-
z%6fl)bWoOM-Rl6Ll>{mPR8f}Y<mcI9wm5(6-AX6FCIS@zsu8FFP(@jmc_`veJb&yY
zNnTtFQ~;<(pnn1Y0MG~m6#xK$Mi8g~001<CKm`B*pb-Qr0001u(ET_*`f&DX7Ugv>
z0f08S3E^*_4i68LB>A^<0HEE{G~L+P=%`Zw008Qh=lOU%_QV$e0Dwm5Jiha&7o~O2
z0002s|COfcU@+)z54N@kTXl~CfR+g%ygYvO$4@&uI|u$j1%L`X@sq&;8-D-*8bP1}
zKt*Y?a1+A(<tBtQS*ULj0JNJx1%QhBOa0kZK7W~A<^838eTx8~-2^HCR1wGV-sbMb
z$@%nh8bSy~m|jjVPR{o>cjGv&dmR9@QhXhXx;Fqo`;=u_6vgP<=Y!+-lj(UBMXOnV
m@4@cy-otLUt5E@<g5O@pjS)hTkAe{Z0000<MNUMnLSTZVG4h}Q

delta 646
zcmV;10(t$$1gHg&7k?lK0ssI2G=7kP00001b5ch_0Itp)=>Px%Vo5|nRCt{2+|6ne
zQ2>VF`AMfWr8c$Fs4Hu%AcacBTX5m^x$;U}cnig%Py}nVE484ewVIMNXO0U&ve3;S
z&I~@!^33MjzRa0PFTyMV004lxWpxh#004kQpaK8@&=dj{0Dl00M(ET%003HS`0?G|
z@cHMnQIaI<D{Bu1_XpQD>mCIFZI${-5&%?l_<s2G#k0%ntBc*mBuOUY$=A=PkM2F(
zx-qDG8UVDCE4~0wMT~K8xW9U}*Inu6d7kHaccr^}wYN9ik1^K04ggw7paMV@F~-ri
zFH7B}`NPFa#eeAgNT32hH3Ag?s)#X8!z|6x`NJ&Fr?U%z3INpzQ~&?~8bP1}007Vk
z0u=xNfJP9g0000qf<OfT0H6^%ua6I3eR(rUrgbj?fHo;Z_|v0<gM&QJ|Lq(AXt$y$
zHa0dgbqW9gK)t5Z>GAQgE4}~#05n2&_sZ?Xq^Nra04)Fj|F5Db`u%?APJio8f2-~>
z0MIfagvUoue*0*9d)qgt08oJ|z5oCKG=e~rn*ketsHn&n$`IyH$`Fctp}s``&~5@1
z04nM&_a^7l`IE`{w71-=ZxH~rn?MDCD$+FF-P}3-bTU30hY-RnjL*iWpH6l+chWSi
zdmR9@QhE_)b#DNG_K7jhX0zdkxBEvgN8^(uN!Gf(-J3gu>$f_cjz$H53Ir+uR8*E_
z2%#)Z%NXO&cdA*I<$0cEE+_#&6`i^V06<%1S(c`0jPX~X{#5ra0B9?L3INq9QULgi
g+(7~W0H6_m0QPU9U0*(PVgLXD07*qoM6N<$g0KA=i~s-t

diff --git "a/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--disabled-dark-storybook-win32.png" "b/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--disabled-dark-storybook-win32.png"
index 58b784bc074d668d77d0810d58ae2d993cd81765..c4280dc1127390128fccb03a652a725931825148 100644
GIT binary patch
delta 546
zcmeyzvW{hfc)bJ%69WUoop4bHAjMc5<nF|<?wrg^Ap3=<i(^Q|oVRy<{jWGM9DjJO
zEF$Il^b?ard8BP64*n3e_@Vjd#ymqcwLLCp*<1>Cb8P7e7wSD|Yq8emd|}nk<=f+p
zd=Ga|*XL$PQ0zB%oBa0VgNqw9x_)MsZm2H!^wZ+I2E&V0^+ly7r}i>3SY>{Fd299D
z>nr8gb?wrdwc}EJ{l383)#vt~FZO3{@O$-Cj)5U|>rUI9EA(H#wpuzRXw~}H-M@;8
zt0z^9Gn7nqU~O<+GKGzwt#nns+_mdpA3QWzIwc<{GXp5YI`wbFpGk|J2F*<8Whj~N
zz{<d|K$Jxb=-;&p^#P0w3>mDATnr2j+8iN3u_(oLw$k=DZ*^#U@0`xyF#XTNc%#Q3
zE&kj#ED!w9$M{d%_wt#v&G#y@W9I@xZbD$>w8IZCh{l6-E;O(GztnF3DO+X+hKAj%
zGiR+@_2}ZgFB$o>s(Bbne7rKBzny*GZkFHjgW{7IK75b)$jVTUa0;eN92YPhXqvV9
z*|c_s1GzxQMO^r^rfYA-XO(Y{{;WB*or7VQFGvMn`S<C`_TQ2?6k7zU3oXC#mwzvQ
z&(yF^E8KnY9chLI)lM9rH&>P#N#B#_d$;z;qCbUI|32PrUq8RknL~Q#bw&sEzbrSc
W%I-%pv=#up!QkoY=d#Wzp$PyE&g@_S

literal 638
zcmeAS@N?(olHy`uVBq!ia0y~yV0i#!D{wFYNt3z>4M2*qILO_JVcj{ImkbO{7M?DS
zAr*7p-u3ktc4RpIaPGT+C0|v8f)09oNnm&!{@}s#56RWXX3Y2?WXjv65Y191$sgyT
z!q#0__O!C^vfRIyZ>Rf|AO5^`E69SP*H7hu6ho^6D+9v<T^21Md#yk*KSKjw^$w$`
zyAiTB5@N1~wrk3^m+{-xowMa)*tIG~rne}cp}{YzX3v+T&#AB4KQCI>t)};7`uw#a
z@vA52U%qphVZr2>kE{)nwl^be*PegXZMAet&?@~`mw&xEc`WN)EW?FRCQ*j8i9u3#
zq_3>pR}&F`rTO>aDM9;yGKnCWkZ;K!y}PCrr_M8FxKIleVQ2^wSOIk0mL{-EMIkO#
z2w-Gj$Y|a1rQ}aWt*YLcr*TXSv7cs_pX@pQ_(T5jJ8lQ_c|OEv&U*Ia#}4zj_^{<b
z6H-E^JuR>(IVuh^^M&udx>f$?iq8Wj9(>E1wQSX@9s6x>-k<kGj+sGra?q`szpqa9
zt4;R&!0*ZMqj=p9V4z*#!sng@x3iVSXPp@ySOJ}QCZj6kXxyF}q3Xh_kf+fs40qK6
z7!%y8qpd%0l&>~y5pe3*Ya#y|$lqDc=ny`&dvV}9UWN;{iY+fMZn3hEyC=){PUpy?
zKXnzK{+->eFK^c_P_&-8!H?_w^=sfL@Y0N})B_r6_EG9SBg486#xDBlt4vrMW&;DO
nKzWe}!#^>8PoSF@h}JQLXV+#~@K`bfy~^O}>gTe~DWM4fSh)Pj

diff --git "a/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--disabled-light-storybook-win32.png" "b/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--disabled-light-storybook-win32.png"
index d5dc4060ed85a8ad66a3ee693652ccf1bdc820ef..58758e8b7a3a98b78ab5b64e31252dee720da8ae 100644
GIT binary patch
delta 536
zcmey$vV>)Vc)bJ%69WUoop4bHAjMc5<nF|<?wrg^Ap4%Di(^Q|oVRz+`dtZNXnXk2
ztJ|50M>25wvETc7h4l~a5Se(u;gAP+?)k#UNj@cx$(O?Br&sR!x$XTEpV?*3^BEWx
z->KXGyQui0%~sDzSM*nHe{HU=-@jarmBD)|R|tc|^JjIx>tBBQ>=-MWI#0#(K5xJ8
z?|*;p{(4dJDwAP@$IUCu3<)dswoSj97%Dd<bK26#Fu5sL6H7Plol_;wpflBhwZSl{
z=WKBBl%xL=<DU3lKO(XGHY)?SS^#6h5=9=*S?}gAi8SLmT++>uaFay~=)KJf0gMa`
zGguqB7#I%daD)Jb>eCz-00Y2)`{>tq&vxDYc2S$1@quI#M}1XEY3bCzzslnOS;c>1
z{Bb;`vTjS1==HPP{I6&N^-bnHT(JN4&PUuJlTy;ZW=?z-d>$zN;Q!apUGHyZ)ozRO
zw`F4xQ#<zK;k(EA^0{WSuha)HKKL2)k(GfVK@8@edUOYY+;hOAa^7))Z~jRfmG2(s
zG8jw(dUfKfO>(~y|EIiY-?e6WGz-INus1(H_WgaKtUs1VvF(Cw*<0u8x;-;NffIU*
z_wN;HhJ=Yu9JlYjy?#4C_qv*A(A2B1Cx<UzJz3}TZ+(WIkIXI%4T7r{N9Z^J9nRqC
L>gTe~DWM4f0J!I%

literal 629
zcmeAS@N?(olHy`uVBq!ia0y~yV0i#!D{wFYNt3z>4M2*qILO_JVcj{ImkbO{`kpS1
zAr*7p-aYGgC4iyr;br@m4<;};yIooO@n8PoBi;sjt||r-8hjRBmJ^pSR@t>+(wwmQ
z>6K}pbMK$boW1p~8qh$8tjbr6Kw5xB3rHp_1^_t{twvuN7-noZ{XRTi&+poIUyj6Y
zi|Te)6n`kP|Ej?-W7Qe&Nel@yx?f*ie)+uh=3Q&L1P(2G`|jG=-;c|?_a44-nIU0P
z%tzLSM!&G-U-M$$hD6RwuZ(*e@-?q^la=pYZiZ!E3z!ZF7#{ojch?#@Tb<x3M|Z^@
zm$>|vsew~?1%pAr^>W42+x$1#yx*mFSBYVUStBq^4rp+M0A1+jxBwU&23$;{3=9o{
z0xN(*Jx-N%#fA6Qm|fInXMDh!bpQX$<(oHe{`2v6ZDrZMC(IxEPj)Be+v%UbzS=in
zIZ%Vj<?_2<&-QBX18c4`vDVqF^pyw5`4?}${)gOIare)zuM8Os3=NO*hs)RhzFf5P
zj7>8aga7j`eW0qv3gAFu#qKILtuCc+f4_OY`Mv1FM>7Tq51>~aHfLSS-Su{I-sQ8a
zB6qnm7~}$-&t`Qm-fX*X_4Q->`fKms+j=&)c+Y+xQ0Qo7@AiGg%V6MHdw+eN-u}3{
z>|1Ir0pVX?H;1=>ZnpXUU!Q>o7*PoecBr;Y$n~`4Wl&q`W6Qv>?A1b7`Bz`AdtQQC
n@vlpRwc+_AMM<Em-5#<()|j+sUH=tOm@#;|`njxgN@xNAy|e)R

diff --git "a/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-basetextfield--has-error-dark-storybook-win32.png" "b/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-basetextfield--has-error-dark-storybook-win32.png"
index ef11809f80dfe991060a395a3c71d7a2df02ccd9..e778dbf9e844e3bef971de76f2a821d8e0de4a31 100644
GIT binary patch
literal 2312
zcmb7Fc_5T)7a!enr6^@zBFe4E*d`&A#vMy2Oc-OA#u8zeYMAlmmc6baZW_kEj4d%E
z`z=f98g3c;G8#e*Llc8Bd|rLu_s9M3`{zC9J<szy@9+7Y_c<s2x(!T3SXLMW0*P3d
zL+wDI{gb;sL}=gc^Y*QuN_LGvm>tX%RM{i{6$BD`YXQCDaF4h+9(4`QRd~0;Zsy)q
zq+8V=Wi>mQMZP9{byyY%h;l+4%NnsH-#Pg){4cxXjYS&a)#JL<-!m&T8pz3~PTOP<
z=G1MFF8NvEVmc|Y(HDIk91?_y@u4zY-&td#+}h9PaQa*5QgV|!ew@SO_i!V_c6if7
zhW_J_Ak589R-IHc3i6^C;#P$!2^K*u=6dAhU)`k&0?h?W#+<y+N%T<A4x`V}#d=Y1
zCf~WsZ{@v0-oHP<azF1XNndTgRqT&&38GL1_X)Hz6h&iI#&rPj<Ut?p=jAuc`u&Xt
zBLe*UC>edeTMvc<RP(#;hO-6AhMQK|c-}ym6&xOV765p7oJnA!4PZtRb!!_35Spmk
zOd83NxIGY7R$ZNf24n?EYc^E6x8j;}X<<39x_vLGh10B`ohOsYDM5#Ubxr9~GQzW_
zknaLX4r^Qprmjb}nAh#!gC-dm7>K8yl^2!UIer+GDftx#gh4Tbct{0gQjhw`6xV9<
ziMAIM1Y7rwT)pBwq|{IeYmfnAe@;q>#>RZ|OhU`;ZHbFJdR+kUZu~2Hk6WDZeh1+F
zvV&3%P;pS+J^=~99+eORN)L)IxqSHm;6M-TI|o>$bN_z|k6P&@)zq_}?f?lug5cCH
zA1&!*(V7mgYUqE7-l}#w)-5^JclGhH9~8xWD2S{!R_DeN{kPW_^HXR)_y}prCLat5
z3G1}gG?<dFN&QtntLJ}eAvFeB1t~qnOmQ*iOk=*?==qp8Ib{Ef@=wsgz^9|Hyz$ZA
z1&G78to-`S+I>zKpwkV*H{XABBY{y6%!I2*Y@33DLQ2q{2+RBJ#5;UzIyyU5>ybKH
zDmd+cCtawq&^hq#Z^*UM(H>Cmdi9((D_iBLORp2GrFv+d`j4JFHPT7dT3QDOPU^st
zZ4_3LB!vQb^MAXmeK<Td79@7xKtn?h+c7<zX3jkbFq4LoE0Noiy^r)pN6iY<aw05k
zt`Q9$u+q}B>|sws4CKY`90T?(`}hZOh^4Jad;FJc{AXo)E)DP4!h6zypu!}Rf7I%X
zGE@FSB*C@b`+5LsjUFH8MOw&C)Bkjm2?x7fj9UDaGC}c*92@G6KTd3eUUIZ`YeJXP
z@R<I}<1sX;C$3G%nbuy1-b_q|MXk${!s5JtB+~BH;uFttmr*8Mf;Z-wn~I@$(#(_m
zP%9&BXRxxe06RIgC0j}mU<*z1B=X*owq|JPGRe7~fX!sW_$VVdy}Nw%e(F^bnwwaP
zrwSo9R^!Cjc3<ez_chpW=?w^31Yg-JQBnUbOaEEx)Soz4Xj*wkaOLw<bv;=)Np;|J
zmxUG$((!@|PmhngR4}7}d&!*p=1>!NCgHTIYL1_>@`I`B#f=w{VchKtYWiqc-8QH3
zf|O*DkD@Cicd2izZr%{~tY6L8$<Jgvaf{<z#`q&cT1DBb#@RGCx-v12J+>s3sBxs*
zeeZtGC0EK7i!cJ;>xZzBP4JZTPsE2)S+O!4#zq@~1^Kcu+U^_walWOSZ5i|7H`{><
zM127oAJUgsju|WrIBm#?Vj~<MqE&5ru`0iSM|qnqhvwV-Cq5%TKfEL+X5k!yhDTaV
ztXVT?9dWgei%X(;b^TI{Wapi~9MjK_L{7epEAY8(9SGi-yGJn(#|6z2R?F(TIpXR=
zFb$yG(I|SXQOT`edUV?lD>69trJIikYKsRetMe}L{2MB$C@jW6LX1)v+P{=Anf7G?
z8C5!bdviPQDrG>%gv35-F|uiicv-&OOof3D0acS$iV`a6>B=YO7By^U>pVd_vMS0l
zPJ2Hd#cvM{pTHWvXx$u4USE;1*v*95e4Y%GWxBubas553$RYCP7+uk9ugCmUupq{m
ze&k|vzR75&bp0-;r7f#<(K}4a$*es)Ej?X1yu&cqBvCF^^UjS*7ic`j_WAVp^gzRr
zwEA|9>=8b<K4EY{s%CYqEa8MxO@>#W;~o9}D0Cqz;)>s_Ev0FBsCG3GUjXM<&*6S_
zmb}45qY~J_+E~mvWv}qpu(Qh4buH@S7{v<mw+NCn+cLrsDz8FV)lp<$bWkTq3di?n
ztJ?9G1B_q#f+>zsBi={+9qlbNV)xfNWsGWsXY(omJwVV>HnzR4P`g;kq}XF&0Si72
zMp8E$pMFGzyU)yuPtOKU*d5DU8S#pZbEv!5k)q2shIcl|GdUCMEtyZ}`^#DA3bg%-
z$&?N*U2ZV=)(?4d>af@QYup`q_&+utHor@nox&qStz8;Sp&x7q=DRpEhD*+$iI*^W
z&DCq|%@|8XBxi?-poV7R9x!sfZy!pm5+P;i=vCn7_d2(rDchYu|L$y^AMk-`W~560
zmP#RH>f4Kzjypx-hTc-J*;cX)NU2Xz)fuO3@`+)7OVtqwuV<x^H9V7<N24j{1@pER
zZVoabIz0A_I&knwEqkagN%bqH<&*`&mOb{p2jaKtFW`dZqE__^rAS!gumbs(ffIl0
zl3KAv)b(;qTbhiW8##NNla9IJ)-#GnC<(Yqb@+aiD@&-uIrURizQ2L62eTM*^gztd
zqY+gRTq}ZUhG<at4!@gqn76@HkfQgzp-we^C<=a$%!apAt*@Dq+z&mVz_wZeN}#9l
zp2ShUld#%aef(NZacMUru>*)lUtw1t*c)b`%{(sl#}K)f^v^N&Xh#75RWy>{?_~v`
NEX-`6m8KpK{|!W3D#ZW*

literal 2314
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

diff --git "a/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-basetextfield--has-error-light-storybook-win32.png" "b/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-basetextfield--has-error-light-storybook-win32.png"
index 5dafeb717b15e1c4eba49c4f5e3e880e983513e3..8fd349df8f6be9d7581cb040ca8a931f81190924 100644
GIT binary patch
delta 2122
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
U#$$yIK@YPl)<z|ee_SK}15o%2r~m)}

delta 2093
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
b-}cRI*RS>NS~jncC{QqaSG$^v*Y5ovqa+Un


From 73ff0a00781e2c7fbc27ca73a15dd0c4a81068d5 Mon Sep 17 00:00:00 2001
From: Hiroshiba Kazuyuki <kazuyuki_hiroshiba@dwango.co.jp>
Date: Sat, 18 Jan 2025 17:59:22 +0900
Subject: [PATCH 30/30] =?UTF-8?q?fix:=20ParameterSlider=E3=81=AE=E5=85=A5?=
 =?UTF-8?q?=E5=8A=9B=E3=83=8F=E3=83=B3=E3=83=89=E3=83=A9=E5=90=8D=E3=82=92?=
 =?UTF-8?q?=E5=A4=89=E6=9B=B4=E3=81=97=E3=80=81README.md=E3=82=92=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Talk/v2/ParameterSlider.vue | 4 ++--
 src/components/Talk/v2/README.md           | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Talk/v2/ParameterSlider.vue b/src/components/Talk/v2/ParameterSlider.vue
index 2e80ebf5e1..7e3df1c898 100644
--- a/src/components/Talk/v2/ParameterSlider.vue
+++ b/src/components/Talk/v2/ParameterSlider.vue
@@ -9,7 +9,7 @@
         :value="innerValueFixed"
         class="parameter-input"
         type="text"
-        @change="handleInputUpdate"
+        @change="handleInputChange"
       />
     </div>
     <BaseSlider
@@ -48,7 +48,7 @@ const emit = defineEmits<{
   "update:modelValue": [value: number];
 }>();
 
-const handleInputUpdate = (event: Event) => {
+const handleInputChange = (event: Event) => {
   if (!(event.target instanceof HTMLInputElement)) {
     throw new Error("Event target is not an HTMLInputElement");
   }
diff --git a/src/components/Talk/v2/README.md b/src/components/Talk/v2/README.md
index 7211ffa78d..4abb5ea163 100644
--- a/src/components/Talk/v2/README.md
+++ b/src/components/Talk/v2/README.md
@@ -1,2 +1,4 @@
-このディレクトリは[トークエディタのリデザインプロジェクト](https://github.com/VOICEVOX/voicevox_project/issues/40)移行のための中間ファイルを配置するディレクトリです。  
+# このディレクトリは
+
+[トークエディタのリデザインプロジェクト](https://github.com/VOICEVOX/voicevox_project/issues/40)移行のための中間ファイルを配置するディレクトリです。  
 デザイン的に合わないなどの問題がなければ、このディレクトリ内のファイルを使用しても問題ありません。