neogenia/neo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP - placing calls

Browse Source
This commit is contained in:
Francisco Gaona
2026-01-03 09:05:10 +01:00
parent 2c81fe1b0d
commit 715934f157
6 changed files with 197 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/components/AppSidebar.vue
View File

@@ -117,6 +117,11 @@ const staticMenuItems = [
url: '/setup/roles',
icon: Layers,
},
{
title: 'Integrations',
url: '/settings/integrations',
icon: Settings,
},
],
},
]

202
frontend/pages/settings/integrations.vue
View File

@@ -1,106 +1,110 @@
<template>
<div class="max-w-4xl mx-auto space-y-6">
<div>
<h1 class="text-3xl font-bold">Integrations</h1>
<p class="text-muted-foreground mt-2">
Configure third-party service integrations for your tenant
</p>
</div>
<!-- Twilio Configuration -->
<Card>
<CardHeader>
<CardTitle class="flex items-center gap-2">
<Phone class="w-5 h-5" />
Twilio Voice
</CardTitle>
<CardDescription>
Configure Twilio for voice calling capabilities
</CardDescription>
</CardHeader>
<CardContent class="space-y-4">
<div class="space-y-2">
<Label for="twilio-account-sid">Account SID</Label>
<Input
id="twilio-account-sid"
v-model="twilioConfig.accountSid"
placeholder="ACxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
/>
</div>
<div class="space-y-2">
<Label for="twilio-auth-token">Auth Token</Label>
<Input
id="twilio-auth-token"
v-model="twilioConfig.authToken"
type="password"
placeholder="Enter your Twilio auth token"
/>
</div>
<div class="space-y-2">
<Label for="twilio-phone-number">Phone Number</Label>
<Input
id="twilio-phone-number"
v-model="twilioConfig.phoneNumber"
placeholder="+1234567890"
/>
</div>
</CardContent>
</Card>
<!-- OpenAI Configuration -->
<Card>
<CardHeader>
<CardTitle class="flex items-center gap-2">
<Bot class="w-5 h-5" />
OpenAI Realtime
</CardTitle>
<CardDescription>
Configure OpenAI for AI-assisted calling features
</CardDescription>
</CardHeader>
<CardContent class="space-y-4">
<div class="space-y-2">
<Label for="openai-api-key">API Key</Label>
<Input
id="openai-api-key"
v-model="openaiConfig.apiKey"
type="password"
placeholder="sk-..."
/>
</div>
<div class="space-y-2">
<Label for="openai-model">Model</Label>
<Input
id="openai-model"
v-model="openaiConfig.model"
placeholder="gpt-4o-realtime-preview"
/>
<p class="text-xs text-muted-foreground">
Default: gpt-4o-realtime-preview
<NuxtLayout name="default">
<main class="container mx-auto px-4 py-8">
<div class="flex items-center justify-between mb-8">
<div>
<h1 class="text-3xl font-bold">Integrations</h1>
<p class="text-muted-foreground mt-2">
Configure third-party service integrations for your tenant
</p>
</div>
<div class="space-y-2">
<Label for="openai-voice">Voice</Label>
<Input
id="openai-voice"
v-model="openaiConfig.voice"
placeholder="alloy"
/>
<p class="text-xs text-muted-foreground">
Options: alloy, echo, fable, onyx, nova, shimmer
</p>
</div>
</CardContent>
</Card>
<Button @click="saveConfig" :disabled="saving">
<Save class="mr-2 h-4 w-4" />
{{ saving ? 'Saving...' : 'Save Configuration' }}
</Button>
</div>
<!-- Save Button -->
<div class="flex justify-end">
<Button @click="saveConfig" :disabled="saving">
<Save class="w-4 h-4 mr-2" />
{{ saving ? 'Saving...' : 'Save Configuration' }}
</Button>
</div>
</div>
<!-- Services Grid -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<!-- Twilio Configuration -->
<Card>
<CardHeader>
<CardTitle class="flex items-center gap-2">
<Phone class="w-5 h-5" />
Twilio Voice
</CardTitle>
<CardDescription>
Configure Twilio for voice calling
</CardDescription>
</CardHeader>
<CardContent class="space-y-4">
<div class="space-y-2">
<Label for="twilio-account-sid">Account SID</Label>
<Input
id="twilio-account-sid"
v-model="twilioConfig.accountSid"
placeholder="ACxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
/>
</div>
<div class="space-y-2">
<Label for="twilio-auth-token">Auth Token</Label>
<Input
id="twilio-auth-token"
v-model="twilioConfig.authToken"
type="password"
placeholder="Enter your Twilio auth token"
/>
</div>
<div class="space-y-2">
<Label for="twilio-phone-number">Phone Number</Label>
<Input
id="twilio-phone-number"
v-model="twilioConfig.phoneNumber"
placeholder="+1234567890"
/>
</div>
</CardContent>
</Card>
<!-- OpenAI Configuration -->
<Card>
<CardHeader>
<CardTitle class="flex items-center gap-2">
<Bot class="w-5 h-5" />
OpenAI Realtime
</CardTitle>
<CardDescription>
Configure OpenAI for AI features
</CardDescription>
</CardHeader>
<CardContent class="space-y-4">
<div class="space-y-2">
<Label for="openai-api-key">API Key</Label>
<Input
id="openai-api-key"
v-model="openaiConfig.apiKey"
type="password"
placeholder="sk-..."
/>
</div>
<div class="space-y-2">
<Label for="openai-model">Model</Label>
<Input
id="openai-model"
v-model="openaiConfig.model"
placeholder="gpt-4o-realtime-preview"
/>
</div>
<div class="space-y-2">
<Label for="openai-voice">Voice</Label>
<select
id="openai-voice"
v-model="openaiConfig.voice"
class="w-full px-3 py-2 border rounded-md bg-background"
>
<option value="alloy">Alloy</option>
<option value="echo">Echo</option>
<option value="fable">Fable</option>
<option value="onyx">Onyx</option>
<option value="nova">Nova</option>
<option value="shimmer">Shimmer</option>
</select>
</div>
</CardContent>
</Card>
</div>
</main>
</NuxtLayout>
</template>
<script setup lang="ts">