@windward/core 0.21.1 → 0.23.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # Changelog
 
+## Release [0.23.0] - 2025-09-18
+
+* Merged in feature/LE-2099-track-engagement-on-videos-from- (pull request #439)
+* Merged in bugfix/LE-2071-vimeo-videos-not-working (pull request #438)
+* Merged in bugfix/LE-2071-vimeo-videos-not-working (pull request #437)
+* Merged in bugfix/LE-2088-open-response-block-remove-edito (pull request #434)
+* Merged in bugfix/MIND-6075-decouple-generateaiquestionbut (pull request #432)
+* Merged in bugfix/LE-2071-vimeo-videos-not-working (pull request #433)
+* Merged in bugfix/LE-2052-clickable-icon-text-color-should (pull request #426)
+* Merged in bugfix/LE-2088-open-response-block-remove-edito (pull request #430)
+* Merged release/0.23.0 into bugfix/LE-2071-vimeo-videos-not-working
+* Merged release/0.22.0 into bugfix/LE-2052-clickable-icon-text-color-should
+
+
+## Release [0.22.0] - 2025-08-28
+
+* Merge branch 'master' into release/0.22.0
+* Merged in bugfix/LE-2075-the-panel-of-the-text-block-isnt (pull request #427)
+* Merged in bug-fix/LE-2060/llm-character-limit-validation (pull request #421)
+* Merged in bugfix/LE-2031-open-response-download-collate-q (pull request #422)
+* Merged in bugfix/LE-1960-video-using-urls-as-a-source (pull request #423)
+* Merged in hotfix/0.21.1 (pull request #425)
+* Merged release/0.22.0 into bugfix/LE-1960-video-using-urls-as-a-source
+* Merged in bugfix/LE-2057-save-button-disappeared-again-on (pull request #419)
+* Merged release/0.22.0 into bugfix/LE-1960-video-using-urls-as-a-source
+* Merged in feature/LE-2036/word-jumble-gen (pull request #420)
+* Merged in feature/LE-1997/scenario-gen (pull request #416)
+* Merged in bugfix/LE-1928-user-upload-allowed-file-types (pull request #415)
+* Merged in release/0.21.0 (pull request #401)
+* Merged release/0.21.0 into bugfix/LE-1960-video-using-urls-as-a-source
+* Merged release/0.21.0 into bugfix/LE-1928-user-upload-allowed-file-types
+
+
 ## Hotfix [0.21.1] created - 2025-08-20
 
 

package/components/Content/Blocks/ClickableIcons.vue

@@ -54,10 +54,10 @@
                             </v-avatar>
                             <v-icon
                                 v-else-if="isIcon(item.icon)"
-                                class="clickable--icon black--text"
-                                >{{ item.icon }}</v-icon
-                            >
-                            <span v-else :class="iconClass + ' black--text'">{{
+                                class="clickable--icon dark-text--text"
+                                >{{ item.icon }}
+                            </v-icon>
+                            <span v-else :class="iconClass + ' dark-text--text'">{{
                                 decode(item.icon)
                             }}</span>
                         </button>
@@ -142,7 +142,7 @@ export default {
                     ) &&
                     this.itemColor(itemIndex)
                 ) {
-                    classes += ' ' + this.itemColor(itemIndex) + ' black--text'
+                    classes += ' ' + this.itemColor(itemIndex) + ' dark-text--text'
                 }
                 return classes
             }
@@ -276,6 +276,9 @@ button.button-icon.button-icon--outline {
     background-color: #fff !important;
     border-width: 4px;
     border-style: solid;
+    i.clickable--icon.dark-text--text {
+        color: var(--v-dark-text-base) !important;
+    }
 }
 
 button.button-icon.button-icon--rounded {

package/components/Content/Blocks/OpenResponse.vue

@@ -33,6 +33,7 @@
                     v-model="response"
                     :height="200"
                     menubar=""
+                    :toolbar="'styles | bold italic underline strikethrough removeformat | alignleft aligncenter alignright | table tablerowprops tablecellprops |bullist numlist outdent indent | a11yButton | undo redo'"
                 ></TextEditor>
                 <p class="pa-3 text-center">
                     <v-btn

package/components/Content/Blocks/OpenResponseCollate.vue

@@ -82,10 +82,9 @@ export default {
                     .get()
 
                 let collated = ''
-                // sort by order on the page
-                const sortedStates = userState.sort((a, b) =>
-                    a.content_block.order < b.content_block.order ? -1 : 1
-                )
+
+                // sort by states by page order in course then by order on the page
+                const sortedStates = this.sortStates(userState)
 
                 sortedStates.forEach((state) => {
                     // Prepend the prompt from the state if include prompts is enabled
@@ -150,6 +149,30 @@ export default {
                 )
             }
         },
+        sortStates(states) {
+            // order by appearance on page
+            states = states.sort((a, b) =>
+                a.content_block.order < b.content_block.order ? -1 : 1
+            )
+            const contentBlocksByPage = []
+            // get page order in course
+            const contentBlockTree = this.$ContentService.getFlatTree()
+            // get homepage and add to front
+            const homePage = this.$ContentService.getHomepage()
+            if (homePage !== null) {
+                contentBlockTree.unshift(homePage)
+            }
+            // order states by page in the course
+            contentBlockTree.forEach((block) => {
+                states.forEach((state) => {
+                    if (state.content_block?.content_id === block.content?.id) {
+                        contentBlocksByPage.push(state)
+                    }
+                })
+            })
+
+            return contentBlocksByPage
+        },
         generateDocument(htmlBody, filename = '') {
             // Specify file name. If one isn't supplied then a default name of `exported_document_YYYY-MM-DD.doc` is used
             filename = filename

package/components/Content/Blocks/Video.vue

@@ -55,24 +55,24 @@
                 @seeking="onSeeking"
                 @timeupdate="onTimeupdate"
             >
-            <template #no-source>
-                <v-card>
-                    <v-card-title class="justify-center">
-                        <v-icon class="mr-2">mdi-cloud-question</v-icon>
-                        {{
+                <template #no-source>
+                    <v-card>
+                        <v-card-title class="justify-center">
+                            <v-icon class="mr-2">mdi-cloud-question</v-icon>
+                            {{
+                                $t(
+                                    'windward.core.components.content.blocks.video.not_configured_title'
+                                )
+                            }}
+                        </v-card-title>
+                        <v-card-text>{{
                             $t(
-                                'windward.core.components.content.blocks.video.not_configured_title'
+                                'windward.core.components.content.blocks.video.edit_prompt'
                             )
-                        }}
-                    </v-card-title>
-                    <v-card-text>{{
-                        $t(
-                            'windward.core.components.content.blocks.video.edit_prompt'
-                        )
-                    }}</v-card-text>
-                </v-card>
-            </template>
-        </VuetifyPlayer>
+                        }}</v-card-text>
+                    </v-card>
+                </template>
+            </VuetifyPlayer>
         </div>
         <!--    display first note in the playlist for now    -->
         <v-alert
@@ -103,6 +103,45 @@ export default {
         VuetifyPlayer,
     },
     extends: BaseContentBlock,
+    data() {
+        return {
+            fileTab: null,
+            // Default config settings
+            defaultConfig: {
+                title: '',
+                instructions: '',
+                // Default settings for new blocks
+                // This will be overridden in beforeMount()
+                type: 'auto', // Allowed auto|video|audio. In audio mode the player has a max-height of 40px. Auto will switch between the other types when needed
+                attributes: {
+                    autoplay: false, // Autoplay on load. It's in the spec but DON'T USE THIS
+                    autopictureinpicture: false, // Start with picture in picture mode
+                    controls: true, // Show video controls. When false only play/pause allowed but clicking on the video itself
+                    controlslist: 'nodownload noremoteplayback', // Space separated string per <video>. Allowed 'nodownload nofullscreen noremoteplayback'
+                    crossorigin: 'anonymous',
+                    disablepictureinpicture: true, // Shows the picture in picture button
+                    disableremoteplayback: true, // Shows the remote playback button but functionality does not exist when clicked
+                    height: 'auto',
+                    width: '100%',
+                    rewind: true, // Enabled the rewind 10s button
+                    loop: false, // Loop the video on completion
+                    muted: false, // Start the video muted
+                    playsinline: false, // Force inline & disable fullscreen
+                    poster: '', // Overridden with the playlist.poster if one is set there
+                    preload: '',
+                    captionsmenu: true, // Show the captions below the video
+                    playlistmenu: true, // Show the playlist menu if there's multiple videos
+                    playlistautoadvance: true, // Play the next source group
+                    playbackrates: [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2], // Default playback speeds
+                },
+                playlist: [],
+            },
+            tracking: {
+                hasSkipped: false,
+                percentComplete: 0,
+            },
+        }
+    },
     computed: {
         hasSource() {
             // __isDirty is used to communicate from the settings panel that a source / caption
@@ -312,83 +351,6 @@ export default {
             },
         },
     },
-    data() {
-        return {
-            fileTab: null,
-            // Default config settings
-            defaultConfig: {
-                title: '',
-                instructions: '',
-                // Default settings for new blocks
-                // This will be overridden in beforeMount()
-                type: 'auto', // Allowed auto|video|audio. In audio mode the player has a max-height of 40px. Auto will switch between the other types when needed
-                attributes: {
-                    autoplay: false, // Autoplay on load. It's in the spec but DON'T USE THIS
-                    autopictureinpicture: false, // Start with picture in picture mode
-                    controls: true, // Show video controls. When false only play/pause allowed but clicking on the video itself
-                    controlslist: 'nodownload noremoteplayback', // Space separated string per <video>. Allowed 'nodownload nofullscreen noremoteplayback'
-                    crossorigin: 'anonymous',
-                    disablepictureinpicture: true, // Shows the picture in picture button
-                    disableremoteplayback: true, // Shows the remote playback button but functionality does not exist when clicked
-                    height: 'auto',
-                    width: '100%',
-                    rewind: true, // Enabled the rewind 10s button
-                    loop: false, // Loop the video on completion
-                    muted: false, // Start the video muted
-                    playsinline: false, // Force inline & disable fullscreen
-                    poster: '', // Overridden with the playlist.poster if one is set there
-                    preload: '',
-                    captionsmenu: true, // Show the captions below the video
-                    playlistmenu: true, // Show the playlist menu if there's multiple videos
-                    playlistautoadvance: true, // Play the next source group
-                    playbackrates: [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2], // Default playback speeds
-                },
-                playlist: [
-                    /*{
-                        name: '', // The video name to appear on playlists
-                        poster: '', // A video specific poster in the playlist
-                        ads: [
-                            {
-                            play_at_percent: 0,
-                            sources: [
-                                {
-                                    src: "https://domain.test/ad_example.mp4",
-                                    type: "video/mp4",
-                                },
-                            ],
-                            tracks: [
-                                {
-                                    src: "https://domain.test/ad_example-US.vtt",
-                                    kind: "captions",
-                                    srclang: "en-US",
-                                    default: true,
-                                },
-                            ],
-                        },
-                        ],
-                        sources: [
-                            {
-                                src: "https://domain.test/example.mp4",
-                                type: "video/mp4",
-                            },
-                        ],
-                        tracks: [
-                            {
-                                src: "https://domain.test/example_en-US.vtt",
-                                kind: "captions",
-                                srclang: "en-US",
-                                default: true,
-                            },
-                        ],
-                    },*/
-                ],
-            },
-            tracking: {
-                hasSkipped: false,
-                percentComplete: 0,
-            },
-        }
-    },
     beforeMount() {
         // Apply the default config
         if (_.isEmpty(this.block.metadata.config)) {
@@ -428,6 +390,9 @@ export default {
                     this.emitCompleted()
                 }
             }
+
+            // Manually emit `hook:updated` on timeupdates since otherwise the DOM isn't actually changing so the state never gets preserved
+            this.$emit('hook:updated')
         },
         async onBeforeSave() {
             this.block.body = 'video'

package/components/Settings/ScenarioChoiceSettings.vue

@@ -130,6 +130,24 @@
             </v-row>
         </v-container>
 
+        <v-container class="pa-4 mb-6">
+            <v-row>
+                <v-col cols="12">
+                    <PluginRef
+                        target="contentBlockSettingTool"
+                        :attrs="{
+                            value: block,
+                            course: course,
+                            content: currentContent,
+                        }"
+                        :on="{
+                            append: onPluginAppendBlock,
+                        }"
+                    ></PluginRef>
+                </v-col>
+            </v-row>
+        </v-container>
+
         <DialogBox
             v-model="showLinkDialog"
             :trigger="false"
@@ -189,13 +207,14 @@
 </template>
 <script>
 import _ from 'lodash'
-import BaseContentBlockSettings from '~/components/Content/Settings/BaseContentBlockSettings.vue'
 import { mapGetters } from 'vuex'
+import BaseContentBlockSettings from '~/components/Content/Settings/BaseContentBlockSettings.vue'
 import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
 import DialogBox from '~/components/Core/DialogBox.vue'
 import Uuid from '~/helpers/Uuid'
 import TextEditor from '~/components/Text/TextEditor'
+import PluginRef from '~/components/Core/PluginRef.vue'
 
 export default {
     name: 'ScenarioChoiceSettings',
@@ -204,6 +223,7 @@ export default {
         TextEditor,
         DialogBox,
         BaseContentBlockSettings,
+        PluginRef,
     },
     extends: BaseContentSettings,
     data() {
@@ -240,6 +260,8 @@ export default {
     computed: {
         ...mapGetters({
             contentTree: 'content/getTree',
+            course: 'course/get',
+            currentContent: 'content/get',
         }),
     },
     beforeMount() {
@@ -351,6 +373,56 @@ export default {
                 !_.isEmpty(this.block.metadata.config.link_content_id) &&
                 !_.isEmpty(this.block.metadata.config.link_text)
         },
+        onPluginAppendBlock(activityData) {
+            // Process the activity data
+            if (
+                activityData &&
+                activityData.metadata &&
+                activityData.metadata.config &&
+                activityData.metadata.config.items &&
+                Array.isArray(activityData.metadata.config.items)
+            ) {
+                // Clear existing items and replace with generated ones
+                this.block.metadata.config.items.splice(
+                    0,
+                    this.block.metadata.config.items.length
+                )
+
+                // Add all new choices
+                activityData.metadata.config.items.forEach((item) => {
+                    this.block.metadata.config.items.push({
+                        title: item.title || '',
+                        body: item.body || '<p></p>',
+                        correct: item.correct || false,
+                    })
+                })
+
+                // Update title and instructions if provided
+                if (activityData.metadata.config.title) {
+                    this.block.metadata.config.title =
+                        activityData.metadata.config.title
+                }
+
+                if (activityData.metadata.config.instructions) {
+                    this.block.metadata.config.instructions =
+                        activityData.metadata.config.instructions
+                }
+
+                this.$toast.success(
+                    this.$t(
+                        'windward.core.components.settings.scenario_choice.generated_successfully'
+                    ),
+                    { duration: 3000 }
+                )
+            } else {
+                this.$toast.error(
+                    this.$t(
+                        'windward.core.components.settings.scenario_choice.invalid_response'
+                    ),
+                    { duration: 5000 }
+                )
+            }
+        },
     },
 }
 </script>

package/components/Settings/UserUploadSettings.vue

@@ -139,7 +139,7 @@ export default {
                     name: this.$t(
                         'windward.core.components.settings.user_upload.types.all_zip'
                     ),
-                    value: 'application/zip,application/gzip,application/x-gzip,application/x-tar,application/rar,application/x-rar-compressed,application/x-7z-compressed,application/x-bzip2,application/x-xz',
+                    value: 'application/zip,application/gzip,application/x-gzip,application/x-tar,application/rar,application/x-rar-compressed,application/x-7z-compressed,application/x-bzip2,application/x-xz,application/x-zip-compressed',
                 },
             ]
         },

package/components/Settings/VideoSettings/SourcePicker.vue

@@ -3,7 +3,7 @@
         <ContentBlockAsset
             :value="source"
             :assets="assets"
-            mimes="video/mp4,video/webm,video/youtube,audio/mpeg,audio/ogg,audio/webm,audio/wav"
+            mimes="video/mp4,video/webm,video/youtube,video/vimeo,audio/mpeg,audio/ogg,audio/webm,audio/wav"
             allow-url
             class="mb-4"
             :disabled="disabled"
@@ -32,7 +32,7 @@
                 $PermissionService.userHasAccessTo(
                     'windward.global.file',
                     'writable'
-                )
+                ) && !isFromUrl
             "
             top
             color="primary"
@@ -63,7 +63,10 @@
             }}</span>
         </v-tooltip>
 
-        <v-alert v-if="sourceInherit && !hasLinkedCaptions" type="warning">
+        <v-alert
+            v-if="sourceInherit && !hasLinkedCaptions && !isFromUrl"
+            type="warning"
+        >
             {{
                 $t(
                     'windward.core.components.settings.video.inherit_missing_captions'
@@ -180,6 +183,18 @@ export default {
                 _.get(this.linkedCaptions, 'asset.public_url', '???')
             )
         },
+        isFromUrl() {
+            if (
+                this.source &&
+                _.isEmpty(this.source.id) &&
+                _.isEmpty(this.source.asset.id) &&
+                _.isEmpty(this.source.asset.name) &&
+                !_.isEmpty(this.source.asset.public_url)
+            ) {
+                return true
+            }
+            return false
+        },
     },
     watch: {},
     beforeMount() {},

package/components/Settings/VideoSettings.vue

@@ -197,7 +197,6 @@
                         <template #activator="{ on, attrs }">
                             <v-btn
                                 v-bind="attrs"
-                                v-on="on"
                                 text
                                 elevation="0"
                                 color="error"
@@ -205,6 +204,7 @@
                                     render ||
                                     block.metadata.config.playlist.length <= 1
                                 "
+                                v-on="on"
                                 @click="onRemovePlaylistItem"
                             >
                                 <v-icon>mdi-delete</v-icon>
@@ -334,16 +334,6 @@
                                     "
                                     :disabled="render"
                                 ></v-switch>
-                                <!--
-                                            <v-switch
-                                            v-model="block.metadata.config.attributes.playlistmenu"
-                                            :label="$t('windward.core.components.settings.video.video.attributes.playlistmenu')"
-                                        ></v-switch>
-                                        <v-switch
-                                            v-model="block.metadata.config.attributes.playlistautoadvance"
-                                            :label="$t('windward.core.components.settings.video.video.attributes.playlistautoadvance')"
-                                        ></v-switch>
-                                        -->
                             </v-col>
                             <v-col cols="6">
                                 <v-switch
@@ -392,8 +382,8 @@
 import _ from 'lodash'
 import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import ContentBlockAsset from '~/components/Content/ContentBlockAsset.vue'
-import SourcePicker from './VideoSettings/SourcePicker.vue'
 import BaseContentBlockSettings from '~/components/Content/Settings/BaseContentBlockSettings.vue'
+import SourcePicker from './VideoSettings/SourcePicker.vue'
 
 export default {
     name: 'VideoSettings',
@@ -602,7 +592,10 @@ export default {
                 this.$set(
                     this.block.metadata.config.playlist[this.playlistIndex].ads,
                     adIndex,
-                    { sources: [], tracks: [] }
+                    {
+                        sources: [],
+                        tracks: [],
+                    }
                 )
             }
 

package/components/utils/TinyMCEWrapper.vue

@@ -165,7 +165,7 @@ export default {
 
     computed: {
         hasActions() {
-            if (this.allowRead && !render) {
+            if (this.allowRead && !this.render) {
                 return true
             }
             // reach into parent text editor to see if a slot has been used.

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

@@ -7,6 +7,14 @@ export default {
         insufficient_content: 'More content needed to generate questions.',
         insufficient_content_support:
             'Please add more text, examples, or explanations to this section. We recommend at least 50 words of relevant content to generate appropriate questions.',
+        
+        insufficient_content_blooms: 'Insufficient content to generate quality questions at the {bloomsLevel} level.',
+        insufficient_content_blooms_support:
+            'Please add more detailed text, examples, or explanations to this section. We recommend at least {minimumRequired} words of relevant content to generate appropriate questions at this level.',
+        
+        insufficient_content_dynamic: 'Insufficient content to generate quality questions.',
+        insufficient_content_dynamic_support:
+            'Please add more detailed text, examples, or explanations to this section. We recommend at least {minimumRequired} words of relevant content to generate appropriate questions.',
 
         content_mismatch: "Content doesn't match question type.",
         content_mismatch_support:
@@ -24,6 +32,17 @@ export default {
         content_mismatch_sorting_game_support:
             "Consider adding content with sequential steps, chronological events, or items that have a clear logical order for students to arrange.",
 
+        content_mismatch_scenario_game: "Content not suitable for scenario games.",
+        content_mismatch_scenario_game_support:
+            "Consider adding content that describes concepts, processes, or principles that can be applied in real-world scenarios.",
+
+        content_mismatch_word_jumble: "Content not suitable for word jumble games.",
+        content_mismatch_word_jumble_support:
+            "Consider adding content with clear vocabulary terms, glossary words, or key concepts that can be unscrambled.",
+
+        character_limit: 'An error occurred while generating content. Try generating again.',
+        character_limit_detailed: 'The {field} exceeds the {limit} character limit (currently {actual} characters). Try generating again with shorter content.',
+
         llm_unavailable: 'Question generation temporarily unavailable.',
         llm_unavailable_support:
             "We're unable to connect to our AI service at the moment. Please try again in a few minutes or contact support if the issue persists.",
@@ -37,6 +56,8 @@ export default {
     button_label_bucket_game: 'Generate Buckets',
     button_label_matching_game: 'Generate Matches',
     button_label_sorting_game: 'Generate Items',
+    button_label_scenario_game: 'Generate Scenarios',
+    button_label_word_jumble: 'Generate Items',
     selected_pages: 'Selected Page',
     ai_assistance: 'AI Assistance',
     blooms: {

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

@@ -17,4 +17,6 @@ export default {
         number: 'Numbers',
     },
     add_choice: 'Add Choice',
+    generated_successfully: 'Scenarios generated successfully',
+    invalid_response: 'Invalid response from scenario generation',
 }

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

@@ -9,6 +9,14 @@ export default {
             'Se necesita más contenido para generar preguntas.',
         insufficient_content_support:
             'Agregue más texto, ejemplos o explicaciones a esta sección. Recomendamos al menos 2 o 3 párrafos de contenido.',
+        
+        insufficient_content_blooms: 'Contenido insuficiente para generar preguntas de calidad en el nivel de {bloomsLevel}.',
+        insufficient_content_blooms_support:
+            'Por favor, agregue texto más detallado, ejemplos o explicaciones a esta sección. Recomendamos al menos {minimumRequired} palabras de contenido relevante para generar preguntas apropiadas en este nivel.',
+        
+        insufficient_content_dynamic: 'Contenido insuficiente para generar preguntas de calidad.',
+        insufficient_content_dynamic_support:
+            'Por favor, agregue texto más detallado, ejemplos o explicaciones a esta sección. Recomendamos al menos {minimumRequired} palabras de contenido relevante para generar preguntas apropiadas.',
 
         content_mismatch: 'El contenido no coincide con el tipo de pregunta.',
         content_mismatch_support:
@@ -26,6 +34,17 @@ export default {
         content_mismatch_sorting_game_support:
             'Considera agregar contenido con pasos secuenciales, eventos cronológicos o elementos que tengan un orden lógico claro para que los estudiantes los organicen.',
 
+        content_mismatch_scenario_game: 'El contenido no es adecuado para juegos de escenarios.',
+        content_mismatch_scenario_game_support:
+            'Considera agregar contenido que describa conceptos, procesos o principios que se puedan aplicar en escenarios del mundo real.',
+
+        content_mismatch_word_jumble: 'El contenido no es adecuado para juegos de revoltijo de palabras.',
+        content_mismatch_word_jumble_support:
+            'Considera agregar contenido con términos de vocabulario claros, palabras de glosario o conceptos clave que puedan ser desordenados.',
+
+        character_limit: 'Se produjo un error al generar el contenido. Intenta generar de nuevo.',
+        character_limit_detailed: 'El campo {field} excede el límite de {limit} caracteres (actualmente {actual} caracteres). Intenta generar de nuevo con contenido más corto.',
+
         llm_unavailable:
             'La generación de preguntas no está disponible temporalmente.',
         llm_unavailable_support:
@@ -40,6 +59,8 @@ export default {
     button_label_bucket_game: 'Generar categorías',
     button_label_matching_game: 'Generar coincidencias',
     button_label_sorting_game: 'Generar elementos',
+    button_label_scenario_game: 'Generar escenarios',
+    button_label_word_jumble: 'Generar elementos',
     selected_pages: 'Página seleccionada',
     ai_assistance: 'Asistencia de IA',
     blooms: {

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

@@ -17,4 +17,6 @@ export default {
         number: 'Números',
     },
     add_choice: 'Agregar opción',
+    generated_successfully: 'Escenarios generados con éxito',
+    invalid_response: 'Respuesta inválida de la generación de escenarios',
 }

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

@@ -7,6 +7,14 @@ export default {
         insufficient_content: 'Mer innehåll behövs för att generera frågor.',
         insufficient_content_support:
             'Vänligen lägg till mer text, exempel eller förklaringar till det här avsnittet. Vi rekommenderar minst 2-3 stycken innehåll.',
+        
+        insufficient_content_blooms: 'Otillräckligt innehåll för att generera kvalitetsfrågor på {bloomsLevel}-nivån.',
+        insufficient_content_blooms_support:
+            'Vänligen lägg till mer detaljerad text, exempel eller förklaringar till detta avsnitt. Vi rekommenderar minst {minimumRequired} ord av relevant innehåll för att generera lämpliga frågor på denna nivå.',
+        
+        insufficient_content_dynamic: 'Otillräckligt innehåll för att generera kvalitetsfrågor.',
+        insufficient_content_dynamic_support:
+            'Vänligen lägg till mer detaljerad text, exempel eller förklaringar till detta avsnitt. Vi rekommenderar minst {minimumRequired} ord av relevant innehåll för att generera lämpliga frågor.',
 
         content_mismatch: 'Innehållet matchar inte frågetyp.',
         content_mismatch_support:
@@ -24,6 +32,17 @@ export default {
         content_mismatch_sorting_game_support:
             'Överväg att lägga till innehåll med sekventiella steg, kronologiska händelser eller objekt som har en tydlig logisk ordning för elever att arrangera.',
 
+        content_mismatch_scenario_game: 'Innehållet är inte lämpligt för scenariospel.',
+        content_mismatch_scenario_game_support:
+            'Överväg att lägga till innehåll som beskriver koncept, processer eller principer som kan tillämpas i verkliga scenarier.',
+
+        content_mismatch_word_jumble: 'Innehållet är inte lämpligt för ordvirrvarr-spel.',
+        content_mismatch_word_jumble_support:
+            'Överväg att lägga till innehåll med tydliga vokabulärtermer, ordlistor eller nyckelkoncept som kan blandas.',
+
+        character_limit: 'Ett fel uppstod när innehållet genererades. Försök generera igen.',
+        character_limit_detailed: 'Fältet {field} överskrider gränsen på {limit} tecken (för närvarande {actual} tecken). Försök generera igen med kortare innehåll.',
+
         llm_unavailable: 'Frågegenerering tillfälligt otillgänglig.',
         llm_unavailable_support:
             'Vi kan inte ansluta till vår AI-tjänst för tillfället. Försök igen om några minuter.',
@@ -37,6 +56,8 @@ export default {
     button_label_bucket_game: 'Generera kategorier',
     button_label_matching_game: 'Generera matchningar',
     button_label_sorting_game: 'Generera objekt',
+    button_label_scenario_game: 'Generera scenarier',
+    button_label_word_jumble: 'Generera objekt',
     selected_pages: 'Vald sida',
     ai_assistance: 'AI-hjälp',
     blooms: {

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

@@ -17,4 +17,6 @@ export default {
         number: 'Nummer',
     },
     add_choice: 'Lägg till val',
+    generated_successfully: 'Scenarier genererades framgångsrikt',
+    invalid_response: 'Ogiltigt svar från scenariogenereringen',
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/core",
-    "version": "0.21.1",
+    "version": "0.23.0",
     "description": "Windward UI Core Plugins",
     "main": "plugin.js",
     "scripts": {
@@ -21,7 +21,7 @@
     "license": "MIT",
     "homepage": "https://bitbucket.org/mindedge/windward-ui-plugin-core#readme",
     "dependencies": {
-        "@mindedge/vuetify-player": "^0.4.9",
+        "@mindedge/vuetify-player": "^0.5.1",
         "@tinymce/tinymce-vue": "^3.2.8",
         "accessibility-scanner": "^0.0.1",
         "eslint": "^8.11.0",

package/plugin.js

@@ -294,7 +294,7 @@ export default {
                 },
             },
         ],
-        settings: [
+        contentBlockSetting: [
             {
                 tag: 'core-open-response-settings',
                 template: OpenResponseSettings,

package/utils/index.js

@@ -7,7 +7,6 @@ import TinyMCEWrapper from '../components/utils/TinyMCEWrapper.vue'
 import MathExpressionEditor from '../components/utils/MathExpressionEditor'
 import CourseGlossary from '../components/utils/glossary/CourseGlossary.vue'
 import CourseGlossaryForm from '../components/utils/glossary/CourseGlossaryForm.vue'
-import GenerateAIQuestionButton from '../components/utils/GenerateAIQuestionButton.vue'
 
 export {
     MathHelper,
@@ -17,5 +16,4 @@ export {
     TinyMCEWrapper,
     CourseGlossary,
     CourseGlossaryForm,
-    GenerateAIQuestionButton,
 }

package/components/utils/GenerateAIQuestionButton.vue

@@ -1,573 +0,0 @@
-<template>
-    <div>
-        <v-row class="container-generate-ai mt-2">
-            <v-col>{{
-                $t(
-                    'windward.core.components.content.blocks.generate_questions.ai_assistance'
-                )
-            }}</v-col>
-            <v-col>
-                <v-select
-                    v-model="selectedContent"
-                    :items="flattenedContent"
-                    class="btn-selector"
-                    outlined
-                    hide-details
-                    dense
-                    :label="
-                        $t(
-                            'windward.core.components.content.blocks.generate_questions.selected_pages'
-                        )
-                    "
-                    item-text="content.name"
-                    return-object
-                ></v-select>
-            </v-col>
-            <v-col>
-                <v-select
-                    v-model="selectedDifficulty"
-                    :items="taxonomyLevels"
-                    item-text="text"
-                    class="btn-selector"
-                    outlined
-                    :hide-details="!isBucketGameType"
-                    dense
-                    :label="
-                        $t(
-                            'windward.core.components.content.blocks.generate_questions.blooms.blooms_taxonomy'
-                        )
-                    "
-                    return-object
-                ></v-select>
-                <div v-if="isBucketGameType" class="text-caption mt-1">
-                    {{ $t('windward.core.components.content.blocks.generate_questions.replaces_content') }}
-                </div>
-            </v-col>
-            <v-col
-                v-if="isFlashcardType || isMatchingGameType || isSortingGameType"
-                cols="auto"
-                class="d-flex align-center"
-            >
-                <v-switch
-                    v-model="replaceExisting"
-                    hide-details
-                    dense
-                    color="secondary"
-                    class="mt-0 pt-0"
-                    :label="replaceExistingLabel"
-                    :disabled="isLoading"
-                ></v-switch>
-            </v-col>
-            <v-col>
-                <v-btn
-                    elevation="0"
-                    color="secondary"
-                    class="mb-1 btn-selector"
-                    :loading="isLoading"
-                    :disabled="isLoading"
-                    @click="generateAIQuestion"
-                >
-                    <v-icon v-if="!isLoading" class="pr-1"
-                        >mdi-magic-staff</v-icon
-                    >
-                    {{ buttonLabel }}
-                    <template v-slot:loader>
-                        <v-progress-circular
-                            indeterminate
-                            size="23"
-                        ></v-progress-circular>
-                    </template>
-                </v-btn>
-            </v-col>
-        </v-row>
-    </div>
-</template>
-
-<script>
-import _ from 'lodash'
-import { mapGetters } from 'vuex'
-import AssessmentQuestion from '~/models/AssessmentQuestion'
-import Course from '~/models/Course'
-import Assessment from '~/models/Assessment'
-import Content from '~/models/Content'
-import Activity from '../../models/Activity'
-
-export default {
-    name: 'GenerateAIQuestionButton',
-    props: {
-        course: { type: Object, required: true },
-        content: { type: Object, required: true },
-        block: { type: Object, required: true },
-        questionType: { type: String, required: true },
-        replaceExistingMode: { type: Boolean, default: false },
-    },
-    data() {
-        return {
-            isLoading: false,
-            selectedContent: '',
-            selectedDifficulty: {
-                value: 'None',
-                text: this.$t(
-                    'windward.core.components.content.blocks.generate_questions.blooms.none'
-                ),
-            },
-            replaceExisting: this.questionType === 'bucket_game' ? true : this.replaceExistingMode,
-        }
-    },
-    computed: {
-        ...mapGetters({
-            contentTree: 'content/getTree',
-        }),
-        isFlashcardType() {
-            return this.questionType === 'flashcard'
-        },
-        isBucketGameType() {
-            return this.questionType === 'bucket_game'
-        },
-        isMatchingGameType() {
-            return this.questionType === 'matching_game'
-        },
-        isSortingGameType() {
-            return this.questionType === 'sorting_game'
-        },
-        replaceExistingLabel() {
-            if (this.isBucketGameType) {
-                return this.$t(
-                    'windward.games.components.settings.bucket_game.form.replace_existing'
-                )
-                return this.$t(
-                    'windward.games.components.settings.bucket_game.form.replace_existing'
-                )
-            }
-            if (this.isMatchingGameType) {
-                return this.$t(
-                'windward.games.components.settings.matching_game.form.replace_existing')
-            }
-            if (this.isSortingGameType) {
-                return this.$t(
-                'windward.games.components.settings.sorting_game.form.replace_existing')
-            }
-            return this.$t(
-                'windward.games.components.settings.flashcard.form.replace_existing'
-            
-            )
-        },
-        flattenedContent() {
-            let cloneContentTree = _.cloneDeep(this.contentTree)
-            const homepage = this.$ContentService.getHomepage()
-            if (!_.isEmpty(homepage)) {
-                cloneContentTree.unshift(homepage)
-            }
-            let fullTree = []
-            // flatten content tree to get nested children pages
-            cloneContentTree.forEach((content) => {
-                fullTree.push(content)
-                if (content.children.length > 0) {
-                    fullTree = fullTree.concat(_.flatten(content.children))
-                    // check if children have children
-                    content.children.forEach((child) => {
-                        fullTree = fullTree.concat(_.flatten(child.children))
-                    })
-                }
-            })
-            //
-            if (_.isEmpty(this.selectedContent)) {
-                // returns array so hold here to pluck out below
-                const currentPage = fullTree.filter(
-                    (contentPage) => contentPage.id === this.content.id
-                )
-                this.selectedContent = currentPage[0] ? currentPage[0] : ''
-            }
-            return fullTree
-        },
-        taxonomyLevels() {
-            // Basic Bloom's taxonomy levels available to all question types
-            let basicBloomTaxonomy = [
-                {
-                    value: 'None',
-                    text: this.$t(
-                        'windward.core.components.content.blocks.generate_questions.blooms.none'
-                    ),
-                },
-                {
-                    value: 'Remember',
-                    text: this.$t(
-                        'windward.core.components.content.blocks.generate_questions.blooms.remember'
-                    ),
-                },
-                {
-                    value: 'Understand',
-                    text: this.$t(
-                        'windward.core.components.content.blocks.generate_questions.blooms.understand'
-                    ),
-                },
-                {
-                    value: 'Apply',
-                    text: this.$t(
-                        'windward.core.components.content.blocks.generate_questions.blooms.apply'
-                    ),
-                },
-            ]
-
-            // Only add higher-level Bloom's taxonomy for supported question types
-            const supportsAdvancedTaxonomy = 
-                this.isSortingGameType ||
-                ([
-                    'multi_choice_single_answer',
-                    'multi_choice_multi_answer',
-                    'ordering'
-                ].includes(this.questionType) &&
-                !this.isFlashcardType &&
-                !this.isBucketGameType &&
-                !this.isMatchingGameType)
-
-            if (supportsAdvancedTaxonomy) {
-                const multiBlooms = [
-                    {
-                        value: 'Analyze',
-                        text: this.$t(
-                            'windward.core.components.content.blocks.generate_questions.blooms.analyze'
-                        ),
-                    },
-                    {
-                        value: 'Evaluate',
-                        text: this.$t(
-                            'windward.core.components.content.blocks.generate_questions.blooms.evaluate'
-                        ),
-                    },
-                ]
-                basicBloomTaxonomy = basicBloomTaxonomy.concat(multiBlooms)
-            }
-            return basicBloomTaxonomy
-        },
-        buttonLabel() {
-            if (this.questionType === 'flashcard') {
-                return this.$t(
-                    'windward.core.components.content.blocks.generate_questions.button_label_flashcard'
-                )
-            } else if (this.questionType === 'bucket_game') {
-                return this.$t(
-                    'windward.core.components.content.blocks.generate_questions.button_label_bucket_game'
-                )
-            } else if (this.questionType === 'matching_game') {
-                return this.$t(
-                    'windward.core.components.content.blocks.generate_questions.button_label_matching_game'
-                )
-            } else if (this.questionType === 'sorting_game') {
-                return this.$t(
-                    'windward.core.components.content.blocks.generate_questions.button_label_sorting_game'
-                )
-            } else {
-                return this.$t(
-                    'windward.core.components.content.blocks.generate_questions.button_label'
-                )
-            }
-        },
-    },
-    methods: {
-        async generateAIQuestion() {
-            this.isLoading = true
-            try {
-                let bloomsRequest = ''
-                if (
-                    this.selectedDifficulty.text !==
-                    this.$t(
-                        'windward.core.components.content.blocks.generate_questions.blooms.none'
-                    )
-                ) {
-                    bloomsRequest = `?blooms_level=${this.selectedDifficulty.value}`
-                }
-
-                const course = new Course(this.course)
-                const contentData = this.selectedContent || this.content
-                const content = new Content(contentData)
-
-                let response
-                if (this.questionType === 'flashcard') {
-                    // FLASHCARD GENERATION
-                    const activity = new Activity()
-
-                    const endpoint = `suggest/flashcard${bloomsRequest}`
-
-                    // Call the endpoint exactly like FlashCardSlidesManager does
-                    response = await Activity.custom(
-                        course,
-                        content,
-                        activity,
-                        endpoint
-                    ).get()
-
-                    let activityData = null
-
-                    if (response && response.activity) {
-                        activityData = response.activity
-                    } else if (
-                        response &&
-                        response.length > 0 &&
-                        response[0] &&
-                        response[0].activity
-                    ) {
-                        activityData = response[0].activity
-                    } else if (Array.isArray(response) && response.length > 0) {
-                        activityData = response[0]
-                    }
-
-                    if (
-                        activityData &&
-                        activityData.metadata &&
-                        activityData.metadata.config &&
-                        activityData.metadata.config.cards &&
-                        Array.isArray(activityData.metadata.config.cards)
-                    ) {
-                        // We pass the activity data and the replace flag to the parent component
-                        this.$emit(
-                            'click:generate',
-                            activityData,
-                            this.replaceExisting
-                        )
-                    } else {
-                        throw new Error(
-                            'Invalid response from flashcard generation'
-                        )
-                    }
-                } else if (this.questionType === 'bucket_game') {
-                    // BUCKET GAME GENERATION
-                    const activity = new Activity()
-
-                    const endpoint = `suggest/bucket_game${bloomsRequest}`
-
-                    response = await Activity.custom(
-                        course,
-                        content,
-                        activity,
-                        endpoint
-                    ).get()
-
-                    let activityData = null
-
-                    if (response && response.activity) {
-                        activityData = response.activity
-                    } else if (
-                        response &&
-                        response.length > 0 &&
-                        response[0] &&
-                        response[0].activity
-                    ) {
-                        activityData = response[0].activity
-                    } else if (Array.isArray(response) && response.length > 0) {
-                        activityData = response[0]
-                    }
-
-                    if (
-                        activityData &&
-                        activityData.metadata &&
-                        activityData.metadata.config &&
-                        activityData.metadata.config.bucket_titles &&
-                        activityData.metadata.config.bucket_answers
-                    ) {
-                        // For bucket games, always use replace mode
-                        this.$emit(
-                            'click:generate',
-                            activityData,
-                            true
-                        )
-                    } else {
-                        throw new Error(
-                            'Invalid response from bucket game generation'
-                        )
-                    }
-                } else if (this.questionType === 'matching_game') {
-                    // MATCHING GAME GENERATION
-                    const activity = new Activity()
-
-                    const endpoint = `suggest/matching_game${bloomsRequest}`;
-
-                    response = await Activity.custom(
-                        course,
-                        content,
-                        activity,
-                        endpoint
-                    ).get()
-
-                    let activityData = null
-
-                    if (response && response.activity) {
-                        activityData = response.activity
-                    } else if (
-                        response &&
-                        response.length > 0 &&
-                        response[0] &&
-                        response[0].activity
-                    ) {
-                        activityData = response[0].activity
-                    } else if (Array.isArray(response) && response.length > 0) {
-                        activityData = response[0]
-                    }
-
-                    if (activityData && activityData.metadata &&
-                        activityData.metadata.config &&
-                        activityData.metadata.config.answerObjects &&
-                        activityData.metadata.config.prompts
-                    ) {
-                        // We pass the activity data and the replace flag to the parent component
-                        this.$emit(
-                            'click:generate',
-                            activityData,
-                            this.replaceExisting
-                        )
-                    } else {
-                        throw new Error(
-                            'Invalid response from matching game generation'
-                        )
-                    }
-                } else if (this.questionType === 'sorting_game') {
-                    // SORTING GAME GENERATION
-                    const activity = new Activity()
-
-                    const endpoint = `suggest/sorting_game${bloomsRequest}`;
-
-                    response = await Activity.custom(
-                        course,
-                        content,
-                        activity,
-                        endpoint
-                    ).get()
-
-                    let activityData = null
-
-                    if (response && response.activity) {
-                        activityData = response.activity
-                    } else if (
-                        response &&
-                        response.length > 0 &&
-                        response[0] &&
-                        response[0].activity
-                    ) {
-                        activityData = response[0].activity
-                    } else if (Array.isArray(response) && response.length > 0) {
-                        activityData = response[0]
-                    } else if (response) {
-                        activityData = response
-                    }
-
-                    if (activityData && activityData.metadata &&
-                        activityData.metadata.config &&
-                        activityData.metadata.config.answer &&
-                        Array.isArray(activityData.metadata.config.answer)
-                    ) {
-                        // We pass the activity data and the replace flag to the parent component
-                        this.$emit(
-                            'click:generate',
-                            activityData,
-                            this.replaceExisting
-                        )
-                    } else {
-                        throw new Error(
-                            'Invalid response from sorting game generation'
-                        )
-                    }
-                } else {
-                    // ASSESSMENT QUESTION GENERATION
-                    const assessment = new Assessment({ id: this.block.id })
-                    const question = new AssessmentQuestion()
-
-                    response = await AssessmentQuestion.custom(
-                        course,
-                        content,
-                        assessment,
-                        question,
-                        `suggest/${this.questionType}${bloomsRequest}`
-                    ).get()
-
-                    if (response && response.length > 0) {
-                        const generatedQuestion = response[0]
-                        this.$emit('click:generate', generatedQuestion)
-                    } else {
-                        throw new Error(
-                            'Invalid response from question generation'
-                        )
-                    }
-                }
-            } catch (error) {
-                const errorMessage =
-                    error.response?.data?.error?.message ||
-                    error.message ||
-                    'assessment.error.technical'
-                const errorType = errorMessage.split('.').pop()
-                const basePath =
-                    'windward.core.components.content.blocks.generate_questions.error'
-
-                let errorText = ''
-
-                // Check for content mismatch error specifically for bucket games
-                if (
-                    (errorMessage === 'activity.error.content_mismatch' ||
-                        errorType === 'content_mismatch') &&
-                    this.questionType === 'bucket_game'
-                ) {
-                    errorText =
-                        this.$t(`${basePath}.content_mismatch_bucket_game`) +
-                        '\n\n' +
-                        this.$t(
-                            `${basePath}.content_mismatch_bucket_game_support`
-                        )
-                } else if (
-                    (errorMessage === 'activity.error.content_mismatch' ||
-                        errorType === 'content_mismatch') &&
-                    this.questionType === 'matching_game'
-                ) {
-                    errorText =
-                        this.$t(`${basePath}.content_mismatch_matching_game`) +
-                        '\n\n' +
-                        this.$t(
-                            `${basePath}.content_mismatch_matching_game_support`
-                        )
-                } else if (
-                    (errorMessage === 'activity.error.content_mismatch' ||
-                        errorType === 'content_mismatch') &&
-                    this.questionType === 'sorting_game'
-                ) {
-                    errorText =
-                        this.$t(`${basePath}.content_mismatch_sorting_game`) +
-                        '\n\n' +
-                        this.$t(
-                            `${basePath}.content_mismatch_sorting_game_support`
-                        )
-                } else {
-                    errorText =
-                        this.$t(`${basePath}.${errorType}`) +
-                        '\n\n' +
-                        this.$t(`${basePath}.${errorType}_support`)
-
-                    if (errorType === 'technical') {
-                        const errorCode =
-                            error.response?.data?.error?.details?.error_type ||
-                            'UNKNOWN'
-                        errorText = errorText.replace('[ERROR_CODE]', errorCode)
-                    }
-                }
-
-                this.$dialog.error(errorText, {
-                    duration: 5000,
-                    keepOnHover: true,
-                    singleton: true,
-                    type: 'error',
-                })
-            } finally {
-                this.isLoading = false
-            }
-        },
-    },
-}
-</script>
-
-<style scoped>
-.btn-selector {
-    width: 100%;
-}
-.container-generate-ai {
-    outline: 1px solid var(--v-secondary-base);
-    border-radius: 15px;
-}
-</style>
-