mirror of
https://github.com/InvoiceShelf/InvoiceShelf.git
synced 2026-07-16 22:05:20 +00:00
c7fab5d52f
Foundation for the AI chatbot + text generation feature. Phase 1 is infrastructure only: driver plumbing, configuration storage with encrypted API keys, global vs per-company resolution, admin + company UI pages, and an optional installer wizard step. The chat assistant and text-generation WYSIWYG integration come in later phases.
**Driver plumbing (app/Support/Ai/)** — AiDriver abstract, AiDriverFactory, AiException, AiChatResponse DTO, OpenRouterDriver concrete implementation. OpenRouter is the OpenAI-compatible aggregator that unlocks hundreds of models behind one API key and one request shape — ideal as the default v1 driver. Drivers are extensible the same way exchange rate drivers are: the module Registry's generic registerDriver('ai', ...) machinery plus a typed Registry::registerAiDriver() convenience wrapper (shipped in the upstream invoiceshelf/modules package in a paired commit).
**AiConfigurationService** — mirrors MailConfigurationService shape but with one deliberate deviation: API keys are encrypted at the service layer via Crypt::encryptString before persistence. OpenRouter bearer tokens have much bigger blast radius than SMTP passwords. Same settings / company_settings tables, same global-vs-per-company pattern, same use_custom_ai_config override toggle. Resolution order: global ai_enabled must be YES, then the company either overrides via use_custom_ai_config=YES (and can opt out with ai_enabled=NO inside the override) or inherits the global config.
**Controllers** — Admin/Settings/AiConfigurationController (global CRUD + driver list + test connection), Company/Settings/CompanyAiConfigurationController (per-company override + test), Setup/AiConfigurationController (installer wizard step, skippable with explicit ai_enabled=NO). API key is always masked as '********' in GET responses — the frontend submits the placeholder back on save and the backend preserves the stored value.
**Installer wizard** — new optional step 7 'AI' between Mail and Account. Default OFF with a Skip button. MailView.vue now routes to installation.ai instead of installation.account; installation.ai then routes to installation.account. Step order comment updated in routes.ts.
**Admin + Company settings pages** — AdminAiConfigView (no toggle, always global) and AiConfigView (with use_custom_ai_config BaseSwitchSection that auto-saves OFF). Both share AiConfigurationForm which renders the driver selector, API key input with show/hide, driver-specific config_fields (base_url for OpenRouter), and per-role enable toggles with free-text model inputs backed by a datalist of suggested models from driver metadata.
**Bootstrap endpoint** — adds an ai block to the response: { enabled, chat_enabled, text_generation_enabled }. All three are booleans resolved through AiConfigurationService::resolveForCompany(). Never leaks the API key. Frontend feature flags read from bootstrapData.ai to decide whether to show Phase 2/3 UI.
**Bouncer ability** 'manage ai config' added to SettingsPolicy, gated on isSuperAdmin() (same pattern as manage email config, manage pdf config).
**Tests** (22 new) — Unit: AiDriverFactory resolves built-in + Registry-contributed drivers, rejects unknown, merges availableDrivers. AiConfigurationService: encryption round-trip, resolution order (3 cases: global off, inherit global, override with company key, override with opt-out), makeDriver null/instance cases, listDrivers metadata. Feature: admin save + read with api key masking, preserve-on-placeholder behavior, company toggle ON/OFF semantics, bootstrap ai flags reflect resolution, company opt-out path.
372 tests pass (was 350, +22). Pint clean. npm run build clean. Phase 2 (chat assistant + tool calling) and Phase 3 (WYSIWYG text generation popup) are separate follow-up commits — this one is the foundation only.
81 lines
2.2 KiB
Vue
81 lines
2.2 KiB
Vue
<script setup lang="ts">
|
|
import { onMounted, ref } from 'vue'
|
|
import { useRouter } from 'vue-router'
|
|
import { installClient } from '@/scripts/api/install-client'
|
|
import type { MailConfig, MailDriver } from '@/scripts/types/mail-config'
|
|
import MailConfigurationForm from '@/scripts/features/company/settings/components/MailConfigurationForm.vue'
|
|
import { useInstallationFeedback } from '../use-installation-feedback'
|
|
|
|
const router = useRouter()
|
|
const { isSuccessfulResponse, showRequestError, showResponseError } = useInstallationFeedback()
|
|
|
|
const isSaving = ref(false)
|
|
const isFetchingInitialData = ref(false)
|
|
const mailConfigData = ref<MailConfig | null>(null)
|
|
const mailDrivers = ref<MailDriver[]>([])
|
|
|
|
onMounted(async () => {
|
|
await loadData()
|
|
})
|
|
|
|
async function loadData(): Promise<void> {
|
|
isFetchingInitialData.value = true
|
|
|
|
try {
|
|
const [{ data: driversData }, { data: configData }] = await Promise.all([
|
|
installClient.get<MailDriver[]>('/api/v1/mail/drivers'),
|
|
installClient.get<MailConfig>('/api/v1/mail/config'),
|
|
])
|
|
|
|
mailDrivers.value = driversData
|
|
mailConfigData.value = configData
|
|
} catch (error: unknown) {
|
|
showRequestError(error)
|
|
} finally {
|
|
isFetchingInitialData.value = false
|
|
}
|
|
}
|
|
|
|
async function saveMailConfig(value: MailConfig): Promise<void> {
|
|
isSaving.value = true
|
|
|
|
try {
|
|
const { data } = await installClient.post('/api/v1/mail/config', value)
|
|
|
|
if (!isSuccessfulResponse(data)) {
|
|
showResponseError(data)
|
|
return
|
|
}
|
|
|
|
mailConfigData.value = {
|
|
...value,
|
|
}
|
|
|
|
await router.push({ name: 'installation.ai' })
|
|
} catch (error: unknown) {
|
|
showRequestError(error)
|
|
} finally {
|
|
isSaving.value = false
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<BaseWizardStep
|
|
:title="$t('wizard.mail.mail_config')"
|
|
:description="$t('wizard.mail.mail_config_desc')"
|
|
>
|
|
<MailConfigurationForm
|
|
v-if="mailConfigData"
|
|
:config-data="mailConfigData"
|
|
:is-saving="isSaving"
|
|
:mail-drivers="mailDrivers"
|
|
:is-fetching-initial-data="isFetchingInitialData"
|
|
translation-scope="wizard.mail"
|
|
submit-label="wizard.save_cont"
|
|
submit-icon="ArrowRightIcon"
|
|
@submit-data="saveMailConfig"
|
|
/>
|
|
</BaseWizardStep>
|
|
</template>
|