@windward/core 0.28.0 → 0.30.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## Release [0.30.0] - 2026-03-26
+
+* Merged in feature/LE-2286-file-submission-block-submit-but (pull request #498)
+* Merged in feature/LE-2277/generate-case-studies (pull request #484)
+* Merged in bugfix/LE-2332-tab-text-color-in-dark-mode-with (pull request #497)
+* Merged in feature/LE-2286-file-submission-block-submit-but (pull request #492)
+* Merged in feature/LE-2321-increase-glossary-term-character (pull request #494)
+* Merged in bugfix/LE-2332-tab-text-color-in-dark-mode-with (pull request #493)
+* Merge remote-tracking branch 'origin/release/0.30.0' into feature/LE-2277/generate-case-studies
+* Merged release/0.29.0 into feature/LE-2286-file-submission-block-submit-but
+* Merged release/0.29.0 into feature/LE-2286-file-submission-block-submit-but
+
+
+## Release [0.29.0] - 2026-03-11
+
+* Merged in feature/LE-2319-preselect-cc-transcript-language (pull request #491)
+* Merged in bugfix/LE-2292-clickable-icon-instructions-fiel (pull request #490)
+* Merged release/0.29.0 into bugfix/LE-2292-clickable-icon-instructions-fiel
+* Merged in feature/LE-2076-matching-game-allow-rich-text-ed (pull request #489)
+* Merged in bugfix/LE-2292-clickable-icon-instructions-fiel (pull request #486)
+
+
 ## Release [0.28.0] - 2026-02-18
 
 * Merged in feature/LE-2250/open-response-feedback-2 (pull request #485)

package/components/Content/Blocks/ClickableIcons.vue

@@ -237,9 +237,6 @@ export default {
         )
         if (_.isEmpty(this.block.metadata.config.items)) {
             this.block.metadata.config.items = []
-            this.block.metadata.config.description = this.$t(
-                'windward.core.components.settings.clickable_icon.information'
-            )
         }
         if (_.isEmpty(this.block.metadata.config.title)) {
             this.block.metadata.config.title = this.$t(
@@ -249,9 +246,6 @@ export default {
         if (!_.isBoolean(this.block.metadata.config.display_title)) {
             this.$set(this.block.metadata.config, 'display_title', true)
         }
-        if (_.isEmpty(this.block.metadata.config.description)) {
-            this.block.metadata.config.description = ''
-        }
         if (_.isEmpty(this.block.metadata.config.display)) {
             this.block.metadata.config.display = {
                 show_title: true,

package/components/Content/Blocks/Tab.vue

@@ -37,11 +37,13 @@
                     v-for="(tab, tabIndex) in block.metadata.config.items"
                     :key="tabIndex"
                 >
-                    {{
-                        tab.tabHeader === '' || tab.tabHeader === null
-                            ? 'Item ' + (tabIndex + 1)
-                            : tab.tabHeader
-                    }}
+                    <div class="tab-headers">
+                        {{
+                            tab.tabHeader === '' || tab.tabHeader === null
+                                ? 'Item ' + (tabIndex + 1)
+                                : tab.tabHeader
+                        }}
+                    </div>
                 </v-tab>
                 <v-tab-item
                     v-for="(tabContent, tabContentIndex) in block.metadata
@@ -55,6 +57,7 @@
                         <TextViewer
                             v-if="!tabContent.expand"
                             v-model="tabContent.content"
+                            class="text-viewer"
                             text-viewer
                         ></TextViewer>
                         <TextEditor
@@ -183,6 +186,9 @@ export default {
 
 <style scoped>
 .text-viewer {
-    color: var(--v-primary-base);
+    color: var(--v-primary-base) !important;
+}
+.tab-headers {
+    color: white !important;
 }
 </style>

package/components/Content/Blocks/UserUpload/DisplayUserFilesTable.vue

@@ -3,18 +3,16 @@
         <v-card-title
             >{{
                 $t(
-                    'windward.core.components.content.blocks.user_upload.user_uploads'
+                    'windward.core.components.content.blocks.user_upload.review_current_uploads'
                 )
             }}
-            -
-            {{ $d(new Date(userFileAsset.created_at), 'long') }}
         </v-card-title>
         <v-card-text>
-            <v-simple-table>
+            <v-simple-table class="simple-table" elevation="1">
                 <template #default>
                     <thead>
                         <tr>
-                            <th>
+                            <th style="width: 60%">
                                 {{ $t('shared.file.name') }}
                             </th>
                             <th>
@@ -73,14 +71,24 @@
                     </tbody>
                 </template>
             </v-simple-table>
+            <v-col class="d-flex justify-center">
+                <v-btn
+                    color="success"
+                    elevation="0"
+                    class="text-center"
+                    @click="onSubmit"
+                >
+                    {{ $t('shared.forms.submit') }}
+                </v-btn>
+            </v-col>
         </v-card-text>
     </v-card>
 </template>
 
 <script>
+import UserFileAsset from '../../../../models/UserFileAsset'
 import Download from '~/helpers/Download'
 
-import UserFileAsset from '../../../../models/UserFileAsset'
 import FileAsset from '~/models/FileAsset'
 
 import ContentBlock from '~/models/ContentBlock'
@@ -114,6 +122,9 @@ export default {
         this.userFileAsset = this.value
     },
     methods: {
+        onSubmit() {
+            this.$emit('submit')
+        },
         onConfirmDelete(file) {
             const self = this
             this.$toast.info(this.$t('shared.forms.confirm_delete_text'), {

package/components/Content/Blocks/UserUpload/SubmittedDisplayUserFilesTable.vue

@@ -0,0 +1,161 @@
+<template>
+    <div v-if="userFileAsset.length">
+        <h5 class="mb-2">
+            {{
+                $t(
+                    'windward.core.components.content.blocks.user_upload.submission_history'
+                )
+            }}
+        </h5>
+        <v-card v-for="(fileSubmission, index) in userFileAsset" :key="index">
+            <v-card-title class="pb-0">
+                <p class="mb-0">
+                    {{
+                        $t(
+                            'windward.core.components.content.blocks.user_upload.submission'
+                        )
+                    }}
+                    -
+                    {{ $d(new Date(fileSubmission.created_at), 'long') }}
+                </p>
+            </v-card-title>
+            <v-card-text>
+                <v-simple-table>
+                    <thead>
+                        <tr>
+                            <th style="width: 60%">
+                                {{
+                                    $t(
+                                        'windward.core.components.content.blocks.user_upload.filename'
+                                    )
+                                }}
+                            </th>
+                            <th style="width: 20%">
+                                {{
+                                    $t(
+                                        'windward.core.components.content.blocks.user_upload.file_size'
+                                    )
+                                }}
+                            </th>
+                            <th style="width: 20%">
+                                {{
+                                    $t(
+                                        'windward.core.components.content.blocks.user_upload.download'
+                                    )
+                                }}
+                            </th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr
+                            v-for="file in fileSubmission.file_assets"
+                            :key="file.id"
+                        >
+                            <td>{{ file.name }}</td>
+                            <td>
+                                {{ file.asset.metadata.size | humanFilesize }}
+                            </td>
+                            <td>
+                                <v-btn
+                                    link
+                                    elevation="0"
+                                    @click="
+                                        Download.url(
+                                            file.asset.public_url,
+                                            file.name
+                                        )
+                                    "
+                                >
+                                    <v-icon>mdi-download</v-icon>
+                                    <span class="sr-only">
+                                        {{ $t('shared.file.download') }}
+                                    </span>
+                                </v-btn>
+                            </td>
+                        </tr>
+                    </tbody>
+                </v-simple-table>
+            </v-card-text>
+        </v-card>
+    </div>
+</template>
+
+<script>
+import UserFileAsset from '../../../../models/UserFileAsset'
+import Download from '~/helpers/Download'
+
+import FileAsset from '~/models/FileAsset'
+
+import ContentBlock from '~/models/ContentBlock'
+import Enrollment from '~/models/Enrollment'
+
+export default {
+    name: 'DisplayUserFilesTable',
+    components: {},
+    props: {
+        value: {
+            type: Array,
+            required: false,
+            default: () => {
+                return []
+            },
+        },
+    },
+    data() {
+        return {
+            Download,
+            userFileAsset: {},
+        }
+    },
+    watch: {
+        value(newVal) {
+            this.userFileAsset = newVal
+        },
+    },
+    mounted() {
+        this.userFileAsset = this.value
+    },
+    methods: {
+        onConfirmDelete(file) {
+            const self = this
+            this.$toast.info(this.$t('shared.forms.confirm_delete_text'), {
+                duration: null,
+                action: [
+                    {
+                        text: this.$t('shared.forms.cancel'),
+                        onClick: (e, toastObject) => {
+                            toastObject.goAway(0)
+                        },
+                    },
+                    {
+                        text: this.$t('shared.forms.confirm'),
+                        onClick: (e, toastObject) => {
+                            toastObject.goAway(0)
+                            self.deleteFile(file)
+                        },
+                    },
+                ],
+            })
+        },
+        async deleteFile(file) {
+            await new FileAsset({ id: file.file_asset_id })
+                .for(
+                    new Enrollment(this.enrollment),
+                    new ContentBlock({
+                        id: this.userFileAsset.content_block_id,
+                    }),
+                    new UserFileAsset({ id: this.userFileAsset.id })
+                )
+                .delete()
+
+            // Remove the deleted file from the array for display reasons
+            this.userFileAsset.file_assets =
+                this.userFileAsset.file_assets.filter(function (f) {
+                    return f.file_asset_id !== file.file_asset_id
+                })
+
+            this.$emit('input', this.userFileAsset)
+        },
+    },
+}
+</script>

package/components/Content/Blocks/UserUpload.vue

@@ -1,109 +1,104 @@
 <template>
-    <v-container :class="['pa-0', blockDirectionClasses]" :dir="blockTextDirection">
-        <div>
-            <h2
-                v-if="
-                    block.metadata.config.title &&
-                    block.metadata.config.display_title
-                "
-                tabindex="0"
-            >
-                {{ block.metadata.config.title }}
-            </h2>
-            <v-row>
-                <v-col v-if="block.metadata.config.instructions" cols="12">
-                    <p tabindex="0" class="pt-3">
-                        {{ block.metadata.config.instructions }}
+    <v-container
+        :class="['pa-0', blockDirectionClasses]"
+        :dir="blockTextDirection"
+    >
+        <h2
+            v-if="
+                block.metadata.config.title &&
+                block.metadata.config.display_title
+            "
+            tabindex="0"
+        >
+            {{ block.metadata.config.title }}
+        </h2>
+        <v-row>
+            <v-col v-if="block.metadata.config.instructions" cols="12">
+                <p tabindex="0" class="pt-3">
+                    {{ block.metadata.config.instructions }}
+                </p>
+            </v-col>
+            <v-col v-if="!blockExists" cols="12">
+                <v-alert type="warning">
+                    <p>
+                        {{
+                            $t(
+                                'windward.core.components.content.blocks.user_upload.must_save'
+                            )
+                        }}
                     </p>
-                </v-col>
-                <v-col v-if="!blockExists" cols="12">
-                    <v-alert type="warning">
-                        <p>
-                            {{
-                                $t(
-                                    'windward.core.components.content.blocks.user_upload.must_save'
-                                )
-                            }}
-                        </p>
-                    </v-alert>
-                </v-col>
-            </v-row>
-            <v-row v-if="render">
-                <v-col cols="12">
-                    <div class="upload-container" :class="uploadContainerClass">
-                        <DisplayUserFilesTable
-                            v-model="userFileAsset"
-                            :enrollment="enrollment"
-                        ></DisplayUserFilesTable>
-                        <div v-if="showUpload">
-                            <div v-if="blockExists">
-                                <v-form
-                                    ref="form"
-                                    v-model="valid"
-                                    lazy-validation
-                                    class="pb-0"
-                                >
-                                    <FileDropZone
-                                        v-model="uploadFiles"
-                                        :accept="
-                                            block.metadata.config.uploadSettings
-                                                .accept
-                                        "
-                                        :multiple="
-                                            block.metadata.config.uploadSettings
-                                                .multiple
-                                        "
-                                    ></FileDropZone>
-
-                                    <v-container class="text-center">
-                                        <v-btn
-                                            :disabled="!canUpload || loading"
-                                            color="primary"
-                                            elevation="0"
-                                            class="text-center"
-                                            @click="handleUpload"
-                                        >
-                                            {{ $t('shared.forms.upload') }}
-                                        </v-btn>
-                                    </v-container>
-                                </v-form>
-                            </div>
-                        </div>
-                    </div>
-                </v-col>
-            </v-row>
-        </div>
+                </v-alert>
+            </v-col>
+        </v-row>
+        <v-row v-if="render">
+            <v-col v-if="blockExists" cols="12">
+                <div class="upload-container" :class="uploadContainerClass">
+                    <v-col>
+                        <FileDropZone
+                            v-model="uploadFiles"
+                            :accept="
+                                block.metadata.config.uploadSettings.accept
+                            "
+                            :multiple="
+                                block.metadata.config.uploadSettings.multiple
+                            "
+                        ></FileDropZone>
+                        <v-col class="d-flex justify-center">
+                            <v-btn
+                                :disabled="!canUpload || loading"
+                                color="primary"
+                                elevation="0"
+                                class="text-center"
+                                @click="handleUpload"
+                            >
+                                {{ $t('shared.forms.upload') }}
+                            </v-btn>
+                        </v-col>
+                    </v-col>
+                    <DisplayUserFilesTable
+                        v-model="uploadedUserFileAsset"
+                        :enrollment="enrollment"
+                        @submit="handleSubmit"
+                    ></DisplayUserFilesTable>
+                    <v-divider class="my-4"></v-divider>
+                    <SubmittedDisplayUserFilesTable
+                        v-model="submittedUserFileAssets"
+                    ></SubmittedDisplayUserFilesTable>
+                </div>
+            </v-col>
+        </v-row>
     </v-container>
 </template>
 
 <script>
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
+import UserFileAsset from '../../../models/UserFileAsset'
+import DisplayUserFilesTable from './UserUpload/DisplayUserFilesTable.vue'
+import SubmittedDisplayUserFilesTable from './UserUpload/SubmittedDisplayUserFilesTable.vue'
 import Uuid from '~/helpers/Uuid'
 import Download from '~/helpers/Download'
 import Enrollment from '~/models/Enrollment'
 import ContentBlock from '~/models/ContentBlock'
 import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
 import FileDropZone from '~/components/Core/FileDropZone.vue'
-import UserFileAsset from '../../../models/UserFileAsset'
-
-import DisplayUserFilesTable from './UserUpload/DisplayUserFilesTable.vue'
 
 export default {
     name: 'UserUpload',
     components: {
         FileDropZone,
         DisplayUserFilesTable,
+        SubmittedDisplayUserFilesTable,
     },
     extends: BaseContentBlock,
     data() {
         return {
             Download,
             saveState: false, // Override the base block to disable state saving
-            valid: true,
             loading: false,
             uploadFiles: [],
-            userFileAsset: {},
+            uploadedUserFileAsset: {},
+            submittedUserFileAssets: [],
             studentUpload: null,
             maxFileLimit: 10,
         }
@@ -121,44 +116,48 @@ export default {
             return Uuid.test(this.block.id)
         },
         canUpload() {
-            if (this.valid) {
-                const currentFiles = _.get(
-                    this.userFileAsset,
-                    'file_assets',
-                    []
-                )
+            const currentFiles = _.get(
+                this.uploadedUserFileAsset,
+                'file_assets',
+                []
+            )
 
-                // Multiple disabled, single file selected
-                if (
-                    !Array.isArray(this.uploadFiles) &&
-                    !this.block.metadata.config.uploadSettings.multiple &&
-                    this.uploadFiles &&
-                    currentFiles.length === 0
-                ) {
-                    return true
-                } else if (
-                    // Multi enabled, one or more files selected
-                    this.block.metadata.config.uploadSettings.multiple &&
-                    Array.isArray(this.uploadFiles) &&
-                    this.uploadFiles.length > 0 &&
-                    this.uploadFiles.length + currentFiles.length <=
-                        this.maxFileLimit
-                ) {
-                    return true
-                } else {
-                    // No files
-                    return false
-                }
+            // Multiple disabled, single file selected
+            if (
+                !Array.isArray(this.uploadFiles) &&
+                !this.block.metadata.config.uploadSettings.multiple &&
+                this.uploadFiles &&
+                currentFiles.length === 0
+            ) {
+                return true
+            } else if (
+                // Multi enabled, one or more files selected
+                this.block.metadata.config.uploadSettings.multiple &&
+                Array.isArray(this.uploadFiles) &&
+                this.uploadFiles.length > 0 &&
+                this.uploadFiles.length + currentFiles.length <=
+                    this.maxFileLimit
+            ) {
+                return true
+            } else {
+                // No files
+                return false
             }
-            return false
+        },
+        canSubmit() {
+            return !this.canUpload && !_.isEmpty(this.uploadedUserFileAsset)
         },
         showUpload() {
-            const currentFiles = _.get(this.userFileAsset, 'file_assets', [])
-
+            const currentFiles = _.get(
+                this.uploadedUserFileAsset,
+                'file_assets',
+                []
+            )
             // Multiple disabled, confirm there's no current files
             if (
                 !this.block.metadata.config.uploadSettings.multiple &&
-                currentFiles.length === 0
+                currentFiles.length === 0 &&
+                this.submittedUserFileAssets.length === 0
             ) {
                 return true
             } else if (
@@ -223,7 +222,6 @@ export default {
             ) {
                 uploadFiles = [uploadFiles]
             }
-
             // Create a new UserFileAsset if we don't have an instance yet
             let userFileAssetRequest = new UserFileAsset({
                 file: uploadFiles,
@@ -233,31 +231,66 @@ export default {
             )
 
             // Apply the existing id if we already have an instance
-            if (Uuid.test(this.userFileAsset.id)) {
-                userFileAssetRequest.id = this.userFileAsset.id
+            if (Uuid.test(this.uploadedUserFileAsset.id)) {
+                userFileAssetRequest.id = this.uploadedUserFileAsset.id
             }
 
             // Add our files to upload
             userFileAssetRequest.file = uploadFiles
 
             try {
-                // Apply the response back to the reactive this.userFileAsset
-                this.userFileAsset = await userFileAssetRequest.save()
+                // Apply the response back to the reactive this.uploadedUserFileAsset
+                this.uploadedUserFileAsset = await userFileAssetRequest.save()
             } catch (e) {
                 this.$toast.error(this.$t('shared.forms.errors.unknown'))
-                console.log(e)
+                console.error(e)
             }
             this.loading = false
             this.uploadFiles = []
         },
+        async handleSubmit() {
+            if (this.canSubmit) {
+                this.loading = true
+
+                // Create an update request for the existing UserFileAsset
+                const userFileAssetRequest = new UserFileAsset({
+                    status: 'submitted',
+                }).for(
+                    new Enrollment(this.enrollment),
+                    new ContentBlock({ id: this.block.id })
+                )
+
+                // Apply the existing id to update the specific record
+                if (Uuid.test(this.uploadedUserFileAsset.id)) {
+                    userFileAssetRequest.id = this.uploadedUserFileAsset.id
+                }
+                try {
+                    // Save the update
+                    const response = await userFileAssetRequest.save()
+                    this.submittedUserFileAssets.unshift(response)
+                    this.uploadedUserFileAsset = {}
+                } catch (e) {
+                    this.$toast.error(this.$t('shared.forms.errors.unknown'))
+                    console.error(e)
+                }
+                this.loading = false
+            }
+        },
         async loadUserUploads() {
             if (this.enrollment && this.block.id) {
-                this.userFileAsset = await new UserFileAsset()
+                const result = await new UserFileAsset()
                     .for(
                         new Enrollment(this.enrollment),
                         new ContentBlock({ id: this.block.id })
                     )
-                    .first()
+                    .get()
+                result.forEach((file) => {
+                    if (file.status === 'submitted') {
+                        this.submittedUserFileAssets.push(file)
+                    } else {
+                        this.uploadedUserFileAsset = file
+                    }
+                })
             }
         },
     },

package/components/Content/Blocks/Video.vue

@@ -439,14 +439,15 @@ export default {
                     }
                 }
 
-                // 4. Sort tracks: course source language first
+                // 4. Sort tracks: current course locale first (target language on translated
+                //    courses, source language on non-translated courses).
                 allTracks.sort((a, b) => {
-                    if (a.srclang === this.courseSourceLocale) return -1
-                    if (b.srclang === this.courseSourceLocale) return 1
+                    if (this.srclangMatchesLocale(a.srclang, this.courseCurrentLocale)) return -1
+                    if (this.srclangMatchesLocale(b.srclang, this.courseCurrentLocale)) return 1
                     return 0
                 })
 
-                // 5. Set default on first track (should be source language)
+                // 5. Set default on first track (target language for translated courses)
                 if (allTracks.length > 0) {
                     allTracks[0].default = true
                 }
@@ -766,10 +767,25 @@ export default {
             const langBase = langLower.split('-')[0]
             
             // Check if the full language code or its base is in allowedCaptionLocales
-            return this.allowedCaptionLocales.has(langLower) || 
+            return this.allowedCaptionLocales.has(langLower) ||
                    this.allowedCaptionLocales.has(langBase)
         },
 
+        /**
+         * Check whether a srclang code refers to the same language as a locale code.
+         * Handles case differences ("PT-BR" vs "pt-br") and DeepL short codes
+         * ("ES" matching "es-ES").
+         * @param {string} srclang - Track srclang (e.g. "PT-BR", "ES")
+         * @param {string} locale - Locale code to match against (e.g. "pt-br", "es-es")
+         * @returns {boolean}
+         */
+        srclangMatchesLocale(srclang, locale) {
+            if (!srclang || !locale) return false
+            const a = srclang.toLowerCase()
+            const b = locale.toLowerCase()
+            return a === b || a.split('-')[0] === b.split('-')[0]
+        },
+
         /**
          * Check if the given text has words, omitting HTML tags and HTML entities
          * @param {string} text - The text to check

package/components/Settings/ClickableIconsSettings.vue

@@ -300,10 +300,15 @@ export default {
                 'windward.core.components.settings.clickable_icon.clickable_icon_title'
             )
         }
-        if (_.isEmpty(this.block.metadata.config.instructions)) {
+        if (
+            _.isEmpty(this.block.metadata.config.instructions) &&
+            !this.block.metadata.config.__isInitialized
+        ) {
             this.block.metadata.config.instructions = this.$t(
                 'windward.core.components.settings.clickable_icon.instructions'
             )
+            // save state of initialization so we can allow user to set inputs to empty
+            this.$set(this.block.metadata.config, '__isInitialized', true)
         }
         if (!_.isBoolean(this.block.metadata.config.display_title)) {
             this.$set(this.block.metadata.config, 'display_title', true)

package/components/Settings/TextEditorSettings.vue

@@ -49,13 +49,63 @@
             v-bind="attrs"
             type=" table-row-divider, list-item, divider, list-item, divider, image,image"
         ></v-skeleton-loader>
+
+        <div v-if="isTextBlock" class="case-study-controls mt-2">
+            <div class="text-caption mb-2">
+                {{
+                    $t(
+                        'windward.core.components.settings.text_editor.case_study_help'
+                    )
+                }}
+            </div>
+            <v-autocomplete
+                v-model="selectedCaseStudyPages"
+                class="mb-2 case-study-page-selector"
+                :items="flattenedContent"
+                outlined
+                hide-details
+                multiple
+                chips
+                small-chips
+                deletable-chips
+                :disabled="render || isGeneratingCaseStudy"
+                :label="
+                    $t(
+                        'windward.core.components.settings.text_editor.case_study_selected_pages'
+                    )
+                "
+                item-text="content.name"
+                return-object
+            ></v-autocomplete>
+            <v-btn
+                elevation="0"
+                color="secondary"
+                block
+                :loading="isGeneratingCaseStudy"
+                :disabled="render || isGeneratingCaseStudy"
+                @click="onGenerateCaseStudy"
+            >
+                <v-icon v-if="!isGeneratingCaseStudy" class="pr-1">
+                    mdi-magic-staff
+                </v-icon>
+                <span v-if="!isGeneratingCaseStudy">{{
+                    $t(
+                        'windward.core.components.settings.text_editor.generate_case_study'
+                    )
+                }}</span>
+            </v-btn>
+        </div>
     </div>
 </template>
 
 <script>
+import _ from 'lodash'
+import { mapGetters } from 'vuex'
 import Crypto from '~/helpers/Crypto'
 import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import TextEditor from '~/components/Text/TextEditor'
+import Course from '~/models/Course'
+import Organization from '~/models/Organization'
 export default {
     name: 'TextEditorSettings',
     components: {
@@ -76,10 +126,42 @@ export default {
             },
             hideTextEditor: false,
             updateKey: Crypto.id(),
+            isGeneratingCaseStudy: false,
+            selectedCaseStudyPages: [],
         }
     },
+    computed: {
+        ...mapGetters({
+            organization: 'organization/get',
+            course: 'course/get',
+            currentContent: 'content/get',
+        }),
+        isTextBlock() {
+            return _.get(this.block, 'tag', '') === 'content-blocks-text'
+        },
+        flattenedContent() {
+            const flatTree = this.$ContentService.getFlatTree()
+
+            const homepage = this.$ContentService.getHomepage()
+            if (!_.isEmpty(homepage)) {
+                flatTree.unshift(homepage)
+            }
+
+            return flatTree
+        },
+    },
     mounted() {
         this.setConfig({ expand: false })
+
+        // Default selected pages to the current page
+        if (
+            this.isTextBlock &&
+            Array.isArray(this.selectedCaseStudyPages) &&
+            this.selectedCaseStudyPages.length === 0 &&
+            !_.isEmpty(this.currentContent)
+        ) {
+            this.selectedCaseStudyPages = [_.cloneDeep(this.currentContent)]
+        }
     },
     methods: {
         onExpand() {
@@ -87,8 +169,169 @@ export default {
             this.block.metadata.config.expand = this.hideTextEditor
             this.updateKey = Crypto.id()
         },
+        blockHasMeaningfulText() {
+            const html = _.get(this.block, 'body', '') || ''
+            if (!html) {
+                return false
+            }
+            // Strip tags and check for meaningful length
+            const text = String(html).replace(/<[^>]*>/g, '').trim()
+            return text.length > 0
+        },
+        async requestCaseStudyGeneration(contentIds) {
+            const organizationId = _.get(this.organization, 'id', null)
+            const courseId = _.get(this.course, 'id', null)
+
+            if (!organizationId || !courseId) {
+                throw new Error('missing_context')
+            }
+
+            const request = new Course()
+            request.custom(
+                new Organization({ id: organizationId }),
+                new Course({ id: courseId }),
+                'llm-case-study'
+            )
+
+            const resourcePath = request._customResource
+            if (!resourcePath) {
+                throw new Error('missing_resource')
+            }
+
+            const payload = {
+                content_ids: contentIds,
+                language: this.$i18n?.locale,
+            }
+
+            const requestConfig = request._reqConfig(
+                {
+                    method: 'POST',
+                    url: `${request.baseURL()}/${resourcePath}`,
+                    data: payload,
+                },
+                { forceMethod: true }
+            )
+
+            const response = await request.request(requestConfig)
+            return response?.data ?? response
+        },
+        onGenerateCaseStudy(force = false) {
+            if (this.isGeneratingCaseStudy || this.render) {
+                return
+            }
+
+            const contentIds = (this.selectedCaseStudyPages || [])
+                .map((c) => _.get(c, 'id', null))
+                .filter((id) => typeof id === 'string' && id.length > 0)
+
+            if (contentIds.length === 0) {
+                this.$toast?.error(
+                    this.$t(
+                        'windward.core.components.settings.text_editor.case_study_select_pages_error'
+                    )
+                )
+                return
+            }
+
+            if (!force && this.blockHasMeaningfulText()) {
+                const confirmText = this.$t(
+                    'windward.core.components.settings.text_editor.case_study_replace_confirm'
+                )
+                this.$dialog.show(confirmText, {
+                    icon: 'mdi-alert-outline',
+                    duration: null,
+                    action: [
+                        {
+                            text: this.$t('shared.forms.cancel'),
+                            onClick: (_e, toastObject) => {
+                                toastObject.goAway(0)
+                            },
+                        },
+                        {
+                            text: this.$t('shared.forms.confirm'),
+                            onClick: (_e, toastObject) => {
+                                toastObject.goAway(0)
+                                this.onGenerateCaseStudy(true)
+                            },
+                        },
+                    ],
+                })
+                return
+            }
+
+            this.isGeneratingCaseStudy = true
+
+            this.requestCaseStudyGeneration(contentIds)
+                .then((data) => {
+                    if (!data || typeof data.html !== 'string') {
+                        throw new Error('invalid_response')
+                    }
+
+                    this.block.body = data.html
+                    this.updateKey = Crypto.id()
+
+                    this.$toast?.success(
+                        this.$t(
+                            'windward.core.components.settings.text_editor.case_study_generated'
+                        )
+                    )
+                })
+                .catch((error) => {
+                    // eslint-disable-next-line no-console
+                    console.error('Case study generation failed', error)
+
+                    const messageKey = _.get(
+                        error,
+                        'response.data.error.message',
+                        ''
+                    )
+                    const details = _.get(
+                        error,
+                        'response.data.error.details',
+                        {}
+                    )
+
+                    const errorSubtype = _.get(details, 'error_subtype', '')
+                    const errorType = String(messageKey).split('.').pop()
+
+                    if (errorSubtype === 'CHARACTER_LIMIT_EXCEEDED') {
+                        this.$toast?.error(
+                            this.$t(
+                                'windward.core.components.settings.text_editor.case_study_character_limit'
+                            )
+                        )
+                    } else if (
+                        _.get(details, 'error_type', '') ===
+                            'INSUFFICIENT_CONTENT' ||
+                        errorType === 'insufficient_content'
+                    ) {
+                        this.$toast?.error(
+                            this.$t(
+                                'windward.core.components.settings.text_editor.case_study_insufficient_content'
+                            )
+                        )
+                    } else {
+                        this.$toast?.error(
+                            this.$t(
+                                'windward.core.components.settings.text_editor.case_study_error'
+                            )
+                        )
+                    }
+                })
+                .finally(() => {
+                    this.isGeneratingCaseStudy = false
+                })
+        },
     },
 }
 </script>
 
-<style scoped></style>
+<style scoped>
+.case-study-controls {
+    max-width: 100%;
+}
+
+.case-study-page-selector >>> .v-select__selections {
+    padding-top: 8px;
+}
+</style>

package/components/Settings/UserUploadSettings.vue

@@ -180,7 +180,7 @@ export default {
             !Uuid.test(this.block.id)
         ) {
             this.block.metadata.config.instructions = this.$t(
-                'windward.core.components.settings.user_upload.instructions'
+                'windward.core.components.content.blocks.user_upload.instructions'
             )
         }
         if (_.isEmpty(this.block.metadata.config.uploadSettings)) {

package/components/utils/TinyMCEWrapper.vue

@@ -156,6 +156,7 @@ export default {
         showGlossary: { type: Boolean, required: false, default: false },
         render: { type: Boolean, required: false, default: false },
         hideTextEditor: { type: Boolean, required: false, default: false },
+        defaultAlignment: { type: String, required: false, default: null },
     },
     data() {
         return {
@@ -165,7 +166,13 @@ export default {
             paused: false,
             isRevising: false,
             rephraseToneIndex: 0,
-            toneSequence: ['neutral', 'conversational', 'formal', 'succinct', 'encouraging'],
+            toneSequence: [
+                'neutral',
+                'conversational',
+                'formal',
+                'succinct',
+                'encouraging',
+            ],
         }
     },
 
@@ -356,6 +363,15 @@ export default {
                         value: 'windward-table-subject-report',
                     },
                 ],
+                init_instance_callback: (editor) => {
+                    if (this.defaultAlignment) {
+                        editor.execCommand(
+                            'mceToggleFormat',
+                            false,
+                            this.defaultAlignment
+                        )
+                    }
+                },
                 setup: () => {
                     // Here we can add plugin
                     getTinymce().PluginManager.add(
@@ -579,9 +595,10 @@ export default {
                 return null
             }
 
-            const tone = this.toneSequence[
-                this.rephraseToneIndex % this.toneSequence.length
-            ]
+            const tone =
+                this.toneSequence[
+                    this.rephraseToneIndex % this.toneSequence.length
+                ]
             this.rephraseToneIndex =
                 (this.rephraseToneIndex + 1) % this.toneSequence.length
 
@@ -748,12 +765,12 @@ export default {
                         }
 
                         // Wrap response with temporary markers so we can reselect inserted content
-                        const startId = `ww-revise-start-${this.seed}-${Date.now()}-${Math.random()
-                            .toString(36)
-                            .slice(2)}`
-                        const endId = `ww-revise-end-${this.seed}-${Date.now()}-${Math.random()
-                            .toString(36)
-                            .slice(2)}`
+                        const startId = `ww-revise-start-${
+                            this.seed
+                        }-${Date.now()}-${Math.random().toString(36).slice(2)}`
+                        const endId = `ww-revise-end-${
+                            this.seed
+                        }-${Date.now()}-${Math.random().toString(36).slice(2)}`
                         const wrappedHtml =
                             `<span id="${startId}" data-ww-revise="s"></span>` +
                             responseData.html +
@@ -769,7 +786,10 @@ export default {
                             if (startEl && endEl) {
                                 const selectRange = editor.dom.createRng()
                                 // Select everything between markers
-                                if (selectRange.setStartAfter && selectRange.setEndBefore) {
+                                if (
+                                    selectRange.setStartAfter &&
+                                    selectRange.setEndBefore
+                                ) {
                                     selectRange.setStartAfter(startEl)
                                     selectRange.setEndBefore(endEl)
                                 } else {
@@ -787,15 +807,19 @@ export default {
                                     }
                                     const startIndex = childIndex(startEl) + 1
                                     const endIndex = childIndex(endEl)
-                                    selectRange.setStart(startParent, startIndex)
+                                    selectRange.setStart(
+                                        startParent,
+                                        startIndex
+                                    )
                                     selectRange.setEnd(endParent, endIndex)
                                 }
                                 editor.selection.setRng(selectRange)
 
                                 // Remove markers after selection is set
-                                if (startEl.parentNode) startEl.parentNode.removeChild(startEl)
-                                if (endEl.parentNode) endEl.parentNode.removeChild(endEl)
-
+                                if (startEl.parentNode)
+                                    startEl.parentNode.removeChild(startEl)
+                                if (endEl.parentNode)
+                                    endEl.parentNode.removeChild(endEl)
                             }
                         } catch (_e) {
                             // Ignore selection restoration errors

package/components/utils/glossary/CourseGlossaryForm.vue

@@ -3,7 +3,7 @@
         <v-text-field
             id="glossary-form-term"
             v-model="selectedTerm.term"
-            :counter="50"
+            :counter="75"
             :label="$t('windward.core.pages.glossary.term')"
             required
             :rules="validation.termRules"
@@ -80,8 +80,8 @@ export default {
                 termRules: [
                     (v) => !!v || this.$t('shared.forms.errors.required'),
                     (v) =>
-                        (v && v.length <= 50) ||
-                        this.$t('shared.forms.errors.text_lt', [50]),
+                        (v && v.length <= 75) ||
+                        this.$t('shared.forms.errors.text_lt', [75]),
                     (v) =>
                         (v && this.termIsUnique(v)) ||
                         this.$t('shared.forms.errors.field_unique'),

package/i18n/en-US/components/content/blocks/user_upload.ts

@@ -2,10 +2,16 @@ export default {
     title: 'File Submission',
     user_uploads: 'User Uploads',
     dialog_view: 'View Uploads',
-    instructions_none: 'None',
+    instructions:
+        'Upload your files below. Then, review your current uploads, and select Submit when you are ready.',
     must_save: 'You must save this block before users can make uploads.',
     uploaded: 'Uploaded',
     name: 'Name',
     size: 'Size',
     download: 'Download',
+    review_current_uploads: 'Review Current Uploads',
+    submission_history: 'Submission History',
+    submission: 'Submission',
+    filename: 'Filename',
+    file_size: 'File Size',
 }

package/i18n/en-US/components/settings/text_editor.ts

@@ -7,4 +7,18 @@ export default {
     click_to_expand: 'Click to expand editor',
     click_to_hide_editor: 'Click to hide editor',
     click_to_hide_glossary: 'Click to hide glossary',
+    case_study_help:
+        'Select one or more pages to generate a fictional case study scenario based on their content.',
+    case_study_selected_pages: 'Source pages',
+    generate_case_study: 'Generate Case Study',
+    case_study_select_pages_error: 'Select at least one page to generate a case study.',
+    case_study_replace_confirm:
+        'This will replace the current text in this block. Continue?',
+    case_study_generated: 'Case study generated.',
+    case_study_insufficient_content:
+        'Not enough content on the selected pages. Add more content or select additional pages.',
+    case_study_character_limit:
+        'The selected pages contain too much content. Select fewer pages and try again.',
+    case_study_error:
+        'Unable to generate case study. Try selecting fewer pages or edit manually.',
 }

package/i18n/en-US/components/settings/user_upload.ts

@@ -1,5 +1,5 @@
 export default {
-    accept_multiple: 'Multiple Files',
+    accept_multiple: 'Allow submission of multiple files.',
     accept_types: 'Allowed File Types',
     types: {
         all: 'All File Types',

package/i18n/es-ES/components/content/blocks/user_upload.ts

@@ -2,11 +2,17 @@ export default {
     title: 'Envío de archivos',
     user_uploads: 'Cargas de usuarios',
     dialog_view: 'Ver cargas',
-    instructions_none: 'Ninguno',
+    instructions:
+        'Sube tus archivos a continuación. Luego, revisa tus archivos actuales y selecciona "Enviar" cuando estés listo.',
     must_save:
         'Debes guardar este bloque antes de que los usuarios puedan realizar cargas.',
     uploaded: 'Subido',
     name: 'Nombre',
     size: 'Tamaño',
     download: 'Descargar',
+    review_current_uploads: 'Revisar las cargas actuales',
+    submission_history: 'Historial de envíos',
+    submission: 'Envío',
+    filename: 'Nombre del archivo',
+    file_size: 'Tamaño de archivo',
 }

package/i18n/es-ES/components/settings/text_editor.ts

@@ -7,4 +7,19 @@ export default {
     click_to_expand: 'Haga Click ampliar el editor',
     click_to_hide_editor: 'Haga click para esconder el editor',
     click_to_hide_glossary: 'Haga click para esconder el glosario',
+    case_study_help:
+        'Seleccione una o más páginas para generar un caso práctico ficticio basado en su contenido.',
+    case_study_selected_pages: 'Páginas de origen',
+    generate_case_study: 'Generar caso práctico',
+    case_study_select_pages_error:
+        'Seleccione al menos una página para generar un caso práctico.',
+    case_study_replace_confirm:
+        'Esto reemplazará el texto actual de este bloque. ¿Continuar?',
+    case_study_generated: 'Caso práctico generado.',
+    case_study_insufficient_content:
+        'No hay suficiente contenido en las páginas seleccionadas. Agregue más contenido o seleccione páginas adicionales.',
+    case_study_character_limit:
+        'Las páginas seleccionadas contienen demasiado contenido. Seleccione menos páginas e inténtelo de nuevo.',
+    case_study_error:
+        'No se pudo generar el caso práctico. Intente seleccionar menos páginas o edite manualmente.',
 }

package/i18n/es-ES/components/settings/user_upload.ts

@@ -1,5 +1,5 @@
 export default {
-    accept_multiple: 'Archivos Múltiples',
+    accept_multiple: 'Permitir el envío de múltiples archivos.',
     accept_types: 'Tipos de archivos permitidos ',
     types: {
         all: 'Todos los tipos de archivos',

package/i18n/sv-SE/components/content/blocks/user_upload.ts

@@ -2,11 +2,17 @@ export default {
     title: 'Filinlämning',
     user_uploads: 'Användaruppladdningar',
     dialog_view: 'Visa uppladdningar',
-    instructions_none: 'Ingen',
+    instructions:
+        'Ladda upp dina filer nedan. Granska sedan dina aktuella uppladdningar och välj Skicka när du är redo.',
     must_save:
         'Du måste spara detta block innan användare kan göra uppladdningar.',
     uploaded: 'Uppladdat',
     name: 'Namn',
     size: 'Storlek',
     download: 'Ladda ner',
+    review_current_uploads: 'Granska aktuella uppladdningar',
+    submission_history: 'Inlämningshistorik',
+    submission: 'Underkastelse',
+    filename: 'Filnamn',
+    file_size: 'Fil-storlek',
 }

package/i18n/sv-SE/components/settings/text_editor.ts

@@ -7,4 +7,19 @@ export default {
     click_to_expand: 'klicka för att förbruka',
     click_to_hide_editor: 'klicka för att dölja editorn',
     click_to_hide_glossary: 'klicka för att dölja ordlistan',
+    case_study_help:
+        'Välj en eller flera sidor för att generera ett fiktivt fallstudiescenario baserat på deras innehåll.',
+    case_study_selected_pages: 'Källsidor',
+    generate_case_study: 'Generera fallstudie',
+    case_study_select_pages_error:
+        'Välj minst en sida för att generera en fallstudie.',
+    case_study_replace_confirm:
+        'Detta kommer att ersätta den nuvarande texten i detta block. Fortsätt?',
+    case_study_generated: 'Fallstudie genererad.',
+    case_study_insufficient_content:
+        'Inte tillräckligt med innehåll på de valda sidorna. Lägg till mer innehåll eller välj fler sidor.',
+    case_study_character_limit:
+        'De valda sidorna innehåller för mycket innehåll. Välj färre sidor och försök igen.',
+    case_study_error:
+        'Kunde inte generera fallstudie. Försök välja färre sidor eller redigera manuellt.',
 }

package/i18n/sv-SE/components/settings/user_upload.ts

@@ -1,5 +1,5 @@
 export default {
-    accept_multiple: 'Flera filer',
+    accept_multiple: 'Tillåt inlämning av flera filer.',
     accept_types: 'Tillåtna filtyper ',
     types: {
         all: 'Alla filtyper',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/core",
-    "version": "0.28.0",
+    "version": "0.30.0",
     "description": "Windward UI Core Plugins",
     "main": "plugin.js",
     "scripts": {