@windward/integrations 0.16.0 → 0.18.0

package/components/Integration/Driver/LoginSamlButton.vue

@@ -0,0 +1,119 @@
+<template>
+    <div v-if="samlEnabled">
+        <v-btn
+            color="primary"
+            elevation="0"
+            large
+            block
+            @click="loginWithSaml"
+            :loading="ssoLoading || loading"
+            :disabled="loading"
+        >
+            <v-icon class="pr-2">{{ samlButtonIcon }}</v-icon>
+            {{ samlButtonLabel }}
+        </v-btn>
+    </div>
+</template>
+
+<script>
+import Saml from '../../../models/Auth/Saml'
+
+export default {
+    name: 'LoginSamlButton',
+    props: {
+        loading: {
+            type: Boolean,
+            default: false,
+        },
+        valid: {
+            type: Boolean,
+            default: true,
+        },
+    },
+    data() {
+        return {
+            ssoLoading: false,
+            samlEnabled: false,
+            samlButtonLabel: 'Sign in with SSO',
+            samlButtonIcon: 'mdi-login',
+            organizationId: null,
+        }
+    },
+    mounted() {
+        this.checkSamlStatus()
+    },
+    methods: {
+        async checkSamlStatus() {
+            try {
+                // Get organization from store or context
+                const organization = this.$store.getters['organization/get']
+
+                // If no organization in store, try to use the hostname
+                let orgIdentifier = null
+
+                if (organization && organization.id) {
+                    // Prefer using the organization ID if available
+                    orgIdentifier = organization.id
+                } else {
+                    // Fallback to using the hostname (full base_url)
+                    orgIdentifier = window.location.hostname
+                }
+
+                if (!orgIdentifier) {
+                    return
+                }
+
+                // Check if SAML is enabled for this organization
+                const response = await Saml.custom('saml/status').get()
+
+                // The API returns an array, so we need to get the first element
+                const samlData = Array.isArray(response)
+                    ? response[0]
+                    : response
+
+                if (samlData && samlData.enabled && samlData.configured) {
+                    this.samlEnabled = true
+                    this.organizationId = samlData.organization_id
+
+                    // Use button settings from the integration configuration
+                    this.samlButtonLabel =
+                        samlData.button_label || 'Sign in with SSO'
+                    this.samlButtonIcon = samlData.button_icon || 'mdi-login'
+                }
+            } catch (error) {
+                // SAML not configured or error checking status
+                // Silently fail - SSO button won't show
+            }
+        },
+        async loginWithSaml() {
+            this.ssoLoading = true
+            try {
+                // Get the SSO URL from the backend
+                const response = await Saml.custom('users/saml-login').get()
+
+                // The API returns an array, so we need to get the first element
+                const loginData = Array.isArray(response)
+                    ? response[0]
+                    : response
+
+                if (loginData && loginData.sso_url) {
+                    // Redirect to the IdP for authentication
+                    window.location.href = loginData.sso_url
+                } else {
+                    this.$dialog.error('Unable to initiate SSO login')
+                }
+            } catch (error) {
+                // Only log error in development mode
+                if (process.env.NODE_ENV === 'development') {
+                    console.error('SSO login failed:', error)
+                }
+                this.$dialog.error(
+                    'SSO login failed. Please try again or use standard login.'
+                )
+            } finally {
+                this.ssoLoading = false
+            }
+        },
+    },
+}
+</script>

package/components/Integration/Driver/ManageSaml.vue

@@ -0,0 +1,327 @@
+<template>
+    <div>
+        <div v-if="!render" class="integration-loading">
+            <v-progress-circular size="128" indeterminate />
+        </div>
+        <div v-if="render">
+            <v-row justify="center" align="center" class="mt-5">
+                <v-col cols="12">
+                    <v-switch
+                        v-model="integration.enabled"
+                        :label="
+                            $t(
+                                'windward.integrations.components.integration.driver.enabled'
+                            )
+                        "
+                    />
+
+                    <v-text-field
+                        id="saml-entity-id"
+                        v-model="integration.metadata.config.idp_entity_id"
+                        :label="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.idp_entity_id'
+                            )
+                        "
+                        :hint="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.idp_entity_id_hint'
+                            )
+                        "
+                        :rules="$Validation.getRule('exists')"
+                    ></v-text-field>
+
+                    <v-text-field
+                        id="saml-sso-url"
+                        v-model="integration.metadata.config.idp_sso_url"
+                        :label="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.idp_sso_url'
+                            )
+                        "
+                        :hint="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.idp_sso_url_hint'
+                            )
+                        "
+                        :rules="$Validation.getRule('url')"
+                    ></v-text-field>
+
+                    <v-text-field
+                        id="saml-slo-url"
+                        v-model="integration.metadata.config.idp_slo_url"
+                        autocomplete="off"
+                        :label="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.idp_slo_url'
+                            )
+                        "
+                        :hint="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.idp_slo_url_hint'
+                            )
+                        "
+                        :rules="$Validation.getRule('url')"
+                    ></v-text-field>
+
+                    <SecretField
+                        id="saml-certificate"
+                        v-model="integration.metadata.config.idp_x509_cert"
+                        tag="v-textarea"
+                        autocomplete="off"
+                        :label="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.idp_x509_cert'
+                            )
+                        "
+                        :hint="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.idp_x509_cert_hint'
+                            )
+                        "
+                        :append-icon="
+                            showCertificate ? 'mdi-eye' : 'mdi-eye-off'
+                        "
+                        rows="4"
+                        :rules="$Validation.getRule('exists')"
+                        :readonly="!showCertificate"
+                        :hidden="!showCertificate"
+                        :type="showCertificate ? 'text' : 'password'"
+                        @click:append="showCertificate = !showCertificate"
+                    ></SecretField>
+
+                    <v-alert
+                        v-if="integration.metadata.config.idp_x509_cert"
+                        type="success"
+                        text
+                        dense
+                        class="mt-2"
+                    >
+                        <v-icon small left>mdi-lock</v-icon>
+                        {{
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.cert_stored'
+                            )
+                        }}
+                    </v-alert>
+
+                    <v-divider class="my-4" />
+
+                    <h3 class="mb-3">
+                        {{
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.button_settings'
+                            )
+                        }}
+                    </h3>
+
+                    <v-text-field
+                        id="saml-button-label"
+                        v-model="integration.metadata.config.button_label"
+                        :label="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.button_label'
+                            )
+                        "
+                        :hint="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.button_label_hint'
+                            )
+                        "
+                        :placeholder="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.button_label_default'
+                            )
+                        "
+                    ></v-text-field>
+
+                    <v-text-field
+                        id="saml-button-icon"
+                        v-model="integration.metadata.config.button_icon"
+                        :label="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.button_icon'
+                            )
+                        "
+                        :hint="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.button_icon_hint'
+                            )
+                        "
+                        placeholder="mdi-login"
+                    >
+                        <template #prepend>
+                            <v-icon>{{
+                                integration.metadata.config.button_icon ||
+                                'mdi-login'
+                            }}</v-icon>
+                        </template>
+                    </v-text-field>
+
+                    <v-divider class="my-4" />
+
+                    <v-alert type="info" outlined>
+                        <div class="font-weight-bold mb-2">
+                            {{
+                                $t(
+                                    'windward.integrations.components.integration.driver.saml_sso.sp_details'
+                                )
+                            }}
+                        </div>
+                        <div class="text--secondary">
+                            {{
+                                $t(
+                                    'windward.integrations.components.integration.driver.saml_sso.sp_details_description'
+                                )
+                            }}
+                        </div>
+                        <div class="mt-3">
+                            <div>
+                                <strong
+                                    >{{
+                                        $t(
+                                            'windward.integrations.components.integration.driver.saml_sso.sp_entity_id_label'
+                                        )
+                                    }}:</strong
+                                >
+                                {{ spEntityId }}
+                            </div>
+                            <div>
+                                <strong
+                                    >{{
+                                        $t(
+                                            'windward.integrations.components.integration.driver.saml_sso.acs_url_label'
+                                        )
+                                    }}:</strong
+                                >
+                                {{ acsUrl }}
+                            </div>
+                            <div>
+                                <strong
+                                    >{{
+                                        $t(
+                                            'windward.integrations.components.integration.driver.saml_sso.slo_url_label'
+                                        )
+                                    }}:</strong
+                                >
+                                {{ sloUrl }}
+                            </div>
+                        </div>
+                    </v-alert>
+
+                    <TestConnection
+                        :disabled="
+                            !integration.metadata.config.idp_entity_id ||
+                            !integration.metadata.config.idp_sso_url ||
+                            !integration.metadata.config.idp_slo_url ||
+                            !integration.metadata.config.idp_x509_cert
+                        "
+                        :loading="testConnectionLoading"
+                        :errors="errorMessage"
+                        @click="onTestConnection"
+                    ></TestConnection>
+                </v-col>
+            </v-row>
+        </div>
+    </div>
+</template>
+
+<script>
+import _ from 'lodash'
+import TestConnection from '../TestConnection.vue'
+import ManageBaseVue from './ManageBase.vue'
+import SecretField from '../../SecretField.vue'
+import Uuid from '~/helpers/Uuid'
+
+export default {
+    name: 'ManageSamlDriver',
+    components: { TestConnection, SecretField },
+    extends: ManageBaseVue,
+    data() {
+        return {
+            // formValid: true|false If this form is "complete" and passed validation on THIS component. Defined and watched in ManageBase.vue
+            // render: true|false If we should show the form aka when validation has passed. Defined and managed in ManageBase.vue
+            // integration: { metadata: {...} } The integration object to write to. Defined and loaded in ManageBase.vue
+            showCertificate: false,
+            errorMessage: '',
+            testConnectionLoading: false,
+        }
+    },
+    computed: {
+        spEntityId() {
+            return `${process.env.BASE_URL}/saml/metadata`
+        },
+        acsUrl() {
+            return `${process.env.BASE_URL}/saml/acs`
+        },
+        sloUrl() {
+            return `${process.env.BASE_URL}/saml/slo`
+        },
+    },
+    methods: {
+        /**
+         * Lifecycle event called from ManageBase.vue when async fetch() completes.
+         * Once called this.integration will be available containing the integration model (or a new one)
+         */
+        onIntegrationLoaded() {
+            // Initialize SAML config if not exists
+            if (!this.integration.metadata.config) {
+                this.integration.metadata.config = {
+                    idp_entity_id: '',
+                    idp_sso_url: '',
+                    idp_slo_url: '',
+                    idp_x509_cert: '',
+                    button_label: '',
+                    button_icon: 'mdi-login',
+                }
+            }
+
+            // Set defaults for button settings if not present
+            if (!this.integration.metadata.config.button_label) {
+                this.integration.metadata.config.button_label = ''
+            }
+            if (!this.integration.metadata.config.button_icon) {
+                this.integration.metadata.config.button_icon = 'mdi-login'
+            }
+
+            // Show the certificate by default if this is a new integration without a cert
+            this.showCertificate = _.isEmpty(
+                _.get(this.integration, 'metadata.config.idp_x509_cert', null)
+            )
+        },
+        async onTestConnection() {
+            this.testConnectionLoading = true
+            let response = { result: false }
+            try {
+                response = await this.testConnection(this.integration.metadata)
+
+                if (response.result) {
+                    this.errorMessage = ''
+                    this.$dialog.success(
+                        this.$t(
+                            'windward.integrations.shared.error.connect_success'
+                        )
+                    )
+                } else {
+                    this.errorMessage = response.message
+                    this.$dialog.error(
+                        this.$t(
+                            'windward.integrations.shared.error.connect_fail'
+                        )
+                    )
+                }
+            } catch (e) {
+                console.error(e)
+                this.$dialog.error(
+                    this.$t('windward.integrations.shared.error.unknown')
+                )
+            }
+
+            // We will indirectly validate the form via connection tests
+            // That way we can 100% confirm that the integration is valid
+            this.formValid = response.result
+            this.testConnectionLoading = false
+        },
+    },
+}
+</script>

package/components/LLM/BloomTaxonomySelector.vue

@@ -0,0 +1,120 @@
+<template>
+    <v-select
+        v-model="selectedDifficulty"
+        :items="taxonomyLevels"
+        item-text="text"
+        outlined
+        :hide-details="hideDetails"
+        dense
+        :disabled="disabled"
+        :label="
+            $t('windward.integrations.components.llm.blooms.blooms_taxonomy')
+        "
+        @input="$emit('input', selectedDifficulty)"
+    ></v-select>
+</template>
+
+<script>
+import _ from 'lodash'
+
+export default {
+    name: 'LLMBloomTaxonomySelector',
+    props: {
+        // The assessment question
+        value: {
+            type: [String, null],
+            required: false,
+            default: 'None',
+        },
+        levels: {
+            type: Array,
+            required: false,
+            default: () => {
+                return []
+            },
+        },
+        advancedLevels: { type: Boolean, required: false, default: false },
+        hideDetails: { type: Boolean, required: false, default: true },
+        disabled: { type: Boolean, required: false, default: false },
+    },
+    data() {
+        return {
+            selectedDifficulty: 'None',
+        }
+    },
+    computed: {
+        taxonomyLevels() {
+            let levels = []
+
+            // Basic Bloom's taxonomy levels available to all question types
+            const basicBloomTaxonomy = [
+                {
+                    value: 'None',
+                    text: this.$t(
+                        'windward.integrations.components.llm.blooms.none'
+                    ),
+                },
+                {
+                    value: 'Remember',
+                    text: this.$t(
+                        'windward.integrations.components.llm.blooms.remember'
+                    ),
+                },
+                {
+                    value: 'Understand',
+                    text: this.$t(
+                        'windward.integrations.components.llm.blooms.understand'
+                    ),
+                },
+                {
+                    value: 'Apply',
+                    text: this.$t(
+                        'windward.integrations.components.llm.blooms.apply'
+                    ),
+                },
+            ]
+
+            const advancedBlooms = [
+                {
+                    value: 'Analyze',
+                    text: this.$t(
+                        'windward.integrations.components.llm.blooms.analyze'
+                    ),
+                },
+                {
+                    value: 'Evaluate',
+                    text: this.$t(
+                        'windward.integrations.components.llm.blooms.evaluate'
+                    ),
+                },
+            ]
+
+            // Manually defined levels
+            if (this.levels.length > 0) {
+                // All blooms for filtering
+                levels = levels.concat(basicBloomTaxonomy, advancedBlooms)
+
+                levels = levels.filter((v) => {
+                    return this.levels.includes(v.value)
+                })
+            } else {
+                // Show all levels and omit advanced if not enabled
+                levels = levels.concat(basicBloomTaxonomy)
+
+                if (this.advancedLevels) {
+                    levels = levels.concat(advancedBlooms)
+                }
+            }
+            return levels
+        },
+    },
+    mounted() {
+        if (_.isEmpty(this.value)) {
+            // Emit the default of 'None' as the initial value if none is set
+            this.$emit('input', this.selectedDifficulty)
+        } else {
+            this.selectedDifficulty = _.cloneDeep(this.value)
+        }
+    },
+}
+</script>

package/components/LLM/ContentSelector.vue

@@ -0,0 +1,66 @@
+<template>
+    <v-select
+        v-model="selectedContent"
+        :items="flattenedContent"
+        outlined
+        hide-details
+        dense
+        :disabled="disabled"
+        :label="
+            $t(
+                'windward.integrations.components.llm.content_selector.selected_pages'
+            )
+        "
+        item-text="content.name"
+        return-object
+        @input="$emit('input', selectedContent)"
+    ></v-select>
+</template>
+
+<script>
+import _ from 'lodash'
+import { mapGetters } from 'vuex'
+
+export default {
+    name: 'LLMContentSelector',
+    props: {
+        value: {
+            type: [Object, null],
+            required: false,
+            default: null,
+        },
+        disabled: { type: Boolean, required: false, default: false },
+    },
+    data() {
+        return {
+            selectedContent: null,
+        }
+    },
+    computed: {
+        ...mapGetters({
+            content: 'content/get',
+            contentTree: 'content/getTree',
+        }),
+        flattenedContent() {
+            const flatTree = this.$ContentService.getFlatTree()
+
+            const homepage = this.$ContentService.getHomepage()
+            if (!_.isEmpty(homepage)) {
+                flatTree.unshift(homepage)
+            }
+
+            return flatTree
+        },
+    },
+    mounted() {
+        if (_.isEmpty(this.value)) {
+            this.selectedContent = _.cloneDeep(this.content)
+
+            // Emit the current page as selected if none was set
+            this.$emit('input', this.selectedContent)
+        } else {
+            this.selectedContent = _.cloneDeep(this.value)
+        }
+    },
+}
+</script>