From 1552da7a07985ecebff3f723db85840d95ed7933 Mon Sep 17 00:00:00 2001 From: drull Date: Fri, 4 Sep 2026 21:56:24 -0300 Subject: [PATCH 01/19] Show content disclosure and AI labels --- .../DistractionSettings.vue | 32 +++++++++++ .../WatchVideoDescription.css | 26 +++++++++ .../WatchVideoDescription.vue | 39 ++++++++++++- .../WatchVideoInfo/WatchVideoInfo.css | 14 ++++- .../WatchVideoInfo/WatchVideoInfo.vue | 28 +++++++++- src/renderer/helpers/api/local.js | 56 ++++++++++++++++++- src/renderer/main.js | 2 + src/renderer/store/modules/settings.js | 2 + src/renderer/views/Watch/Watch.js | 6 +- src/renderer/views/Watch/Watch.vue | 2 + static/locales/en-US.yaml | 5 ++ 11 files changed, 203 insertions(+), 9 deletions(-) diff --git a/src/renderer/components/DistractionSettings/DistractionSettings.vue b/src/renderer/components/DistractionSettings/DistractionSettings.vue index 20c520039d5a1..84af607cc165d 100644 --- a/src/renderer/components/DistractionSettings/DistractionSettings.vue +++ b/src/renderer/components/DistractionSettings/DistractionSettings.vue @@ -241,6 +241,18 @@ :default-value="hideChapters" @change="updateHideChapters" /> + + } */ +const hideAiLabel = computed(() => store.getters.getHideAiLabel) + +/** + * @param {boolean} value + */ +function updateHideAiLabel(value) { + store.dispatch('updateHideAiLabel', value) +} + +/** @type {import('vue').ComputedRef} */ +const hideHowThisWasMade = computed(() => store.getters.getHideHowThisWasMade) + +/** + * @param {boolean} value + */ +function updateHideHowThisWasMade(value) { + store.dispatch('updateHideHowThisWasMade', value) +} + /** @type {import('vue').ComputedRef} */ const hideFeaturedChannels = computed(() => store.getters.getHideFeaturedChannels) diff --git a/src/renderer/components/WatchVideoDescription/WatchVideoDescription.css b/src/renderer/components/WatchVideoDescription/WatchVideoDescription.css index e5cf8f4547db8..5a272c33b7459 100644 --- a/src/renderer/components/WatchVideoDescription/WatchVideoDescription.css +++ b/src/renderer/components/WatchVideoDescription/WatchVideoDescription.css @@ -51,3 +51,29 @@ .license { margin-block: 1em; } + +.aiDisclosureSection { + margin-block-start: 1.5em; +} + +.aiDisclosureTitle { + font-size: 20px; + font-weight: 600; + margin-block-end: 12px; +} + +.aiDisclosureHeader { + font-weight: 600; + font-size: 15px; + margin-block-end: 4px; +} + +.aiDisclosureBody { + font-size: 14px; + line-height: 1.4; + opacity: 0.9; +} + +.aiDisclosureItem + .aiDisclosureItem { + margin-block-start: 12px; +} diff --git a/src/renderer/components/WatchVideoDescription/WatchVideoDescription.vue b/src/renderer/components/WatchVideoDescription/WatchVideoDescription.vue index 0b41a2b832e96..1751155b2e9c0 100644 --- a/src/renderer/components/WatchVideoDescription/WatchVideoDescription.vue +++ b/src/renderer/components/WatchVideoDescription/WatchVideoDescription.vue @@ -1,6 +1,6 @@