-
Settings
+
+
+ Settings
+
-
+
- Mantis Summary Prompt
+
+ Mantis Summary Prompt
+
Edit the prompt used to generate Mantis summaries. Use $DATE and $MANTIS_TICKETS as placeholders.
@@ -30,9 +40,14 @@
-
+
- Email Summary Prompt
+
+ Email Summary Prompt
+
Edit the prompt used to generate Email summaries. Use $EMAIL_DATA as a placeholder for the JSON email array.
@@ -55,8 +70,7 @@
:disable="!emailPrompt || loadingEmailPrompt"
/>
-
-
+
@@ -72,40 +86,52 @@ const mantisPrompt = ref('');
const loadingPrompt = ref(false);
const savingPrompt = ref(false);
-const fetchMantisPrompt = async () => {
+const fetchMantisPrompt = async() =>
+{
loadingPrompt.value = true;
- try {
+ try
+ {
const response = await axios.get('/api/settings/mantisPrompt');
mantisPrompt.value = response.data.value || ''; // Handle case where setting might not exist yet
- } catch (error) {
+ }
+ catch (error)
+ {
console.error('Error fetching Mantis prompt:', error);
$q.notify({
color: 'negative',
message: 'Failed to load Mantis prompt setting.',
icon: 'report_problem'
});
- } finally {
+ }
+ finally
+ {
loadingPrompt.value = false;
}
};
-const saveMantisPrompt = async () => {
+const saveMantisPrompt = async() =>
+{
savingPrompt.value = true;
- try {
+ try
+ {
await axios.put('/api/settings/mantisPrompt', { value: mantisPrompt.value });
$q.notify({
color: 'positive',
message: 'Mantis prompt updated successfully.',
icon: 'check_circle'
});
- } catch (error) {
+ }
+ catch (error)
+ {
console.error('Error saving Mantis prompt:', error);
$q.notify({
color: 'negative',
message: 'Failed to save Mantis prompt setting.',
icon: 'report_problem'
});
- } finally {
+ }
+ finally
+ {
savingPrompt.value = false;
}
};
@@ -114,45 +140,58 @@ const emailPrompt = ref('');
const loadingEmailPrompt = ref(false);
const savingEmailPrompt = ref(false);
-const fetchEmailPrompt = async () => {
+const fetchEmailPrompt = async() =>
+{
loadingEmailPrompt.value = true;
- try {
+ try
+ {
const response = await axios.get('/api/settings/emailPrompt');
emailPrompt.value = response.data.value || ''; // Handle case where setting might not exist yet
- } catch (error) {
+ }
+ catch (error)
+ {
console.error('Error fetching Email prompt:', error);
$q.notify({
color: 'negative',
message: 'Failed to load Email prompt setting.',
icon: 'report_problem'
});
- } finally {
+ }
+ finally
+ {
loadingEmailPrompt.value = false;
}
};
-const saveEmailPrompt = async () => {
+const saveEmailPrompt = async() =>
+{
savingEmailPrompt.value = true;
- try {
+ try
+ {
await axios.put('/api/settings/emailPrompt', { value: emailPrompt.value });
$q.notify({
color: 'positive',
message: 'Email prompt updated successfully.',
icon: 'check_circle'
});
- } catch (error) {
+ }
+ catch (error)
+ {
console.error('Error saving Email prompt:', error);
$q.notify({
color: 'negative',
message: 'Failed to save Email prompt setting.',
icon: 'report_problem'
});
- } finally {
+ }
+ finally
+ {
savingEmailPrompt.value = false;
}
};
-onMounted(() => {
+onMounted(() =>
+{
fetchMantisPrompt();
fetchEmailPrompt();
});
diff --git a/src/router/index.js b/src/router/index.js
index 86e5d93..06bce7e 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,6 +1,6 @@
-import { defineRouter } from '#q-app/wrappers'
-import { createRouter, createMemoryHistory, createWebHistory, createWebHashHistory } from 'vue-router'
-import routes from './routes'
+import { defineRouter } from '#q-app/wrappers';
+import { createRouter, createMemoryHistory, createWebHistory, createWebHashHistory } from 'vue-router';
+import routes from './routes';
import { useAuthStore } from 'stores/auth'; // Import the auth store
/*
@@ -12,10 +12,11 @@ import { useAuthStore } from 'stores/auth'; // Import the auth store
* with the Router instance.
*/
-export default defineRouter(function ({ store /* { store, ssrContext } */ }) {
+export default defineRouter(function({ store /* { store, ssrContext } */ })
+{
const createHistory = process.env.SERVER
? createMemoryHistory
- : (process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory)
+ : (process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory);
const Router = createRouter({
scrollBehavior: () => ({ left: 0, top: 0 }),
@@ -25,21 +26,26 @@ export default defineRouter(function ({ store /* { store, ssrContext } */ }) {
// quasar.conf.js -> build -> vueRouterMode
// quasar.conf.js -> build -> publicPath
history: createHistory(process.env.VUE_ROUTER_BASE)
- })
+ });
// Navigation Guard using Pinia store
- Router.beforeEach(async (to, from, next) => {
+ Router.beforeEach(async(to, from, next) =>
+ {
const authStore = useAuthStore(store); // Get store instance
// Ensure auth status is checked, especially on first load or refresh
// This check might be better placed in App.vue or a boot file
- if (!authStore.user && !authStore.loading) { // Check only if user is not loaded and not already loading
- try {
- await authStore.checkAuthStatus();
- } catch (e) {
- console.error("Initial auth check failed", e);
- // Decide how to handle initial check failure (e.g., proceed, redirect to error page)
- }
+ if (!authStore.user && !authStore.loading)
+ { // Check only if user is not loaded and not already loading
+ try
+ {
+ await authStore.checkAuthStatus();
+ }
+ catch (e)
+ {
+ console.error('Initial auth check failed', e);
+ // Decide how to handle initial check failure (e.g., proceed, redirect to error page)
+ }
}
const requiresAuth = to.matched.some(record => record.meta.requiresAuth);
@@ -47,25 +53,19 @@ export default defineRouter(function ({ store /* { store, ssrContext } */ }) {
const isPublicPage = publicPages.includes(to.path);
const isAuthenticated = authStore.isAuthenticated; // Get status from store
- console.log('Store Auth status:', isAuthenticated);
- console.log('Navigating to:', to.path);
- console.log('Requires auth:', requiresAuth);
- console.log('Is public page:', isPublicPage);
-
- if (requiresAuth && !isAuthenticated) {
- // If route requires auth and user is not authenticated, redirect to login
- console.log('Redirecting to login (requires auth, not authenticated)');
+ if (requiresAuth && !isAuthenticated)
+ {
next('/login');
- } else if (isPublicPage && isAuthenticated) {
- // If user is authenticated and tries to access login/register, redirect to home
- console.log('Redirecting to home (public page, authenticated)');
+ }
+ else if (isPublicPage && isAuthenticated)
+ {
next('/');
- } else {
- // Otherwise, allow navigation
- console.log('Allowing navigation');
+ }
+ else
+ {
next();
}
});
- return Router
-})
+ return Router;
+});
diff --git a/src/router/routes.js b/src/router/routes.js
index 837063a..5df8272 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -31,7 +31,7 @@ const routes = [
icon: 'person_add',
title: 'Register',
caption: 'Create an account'
- }
+ }
},
// Add a new route specifically for managing passkeys when logged in
{
@@ -74,18 +74,6 @@ const routes = [
caption: 'View daily summaries'
}
},
- {
- path: 'email-summaries',
- name: 'emailSummaries',
- component: () => import('pages/EmailSummariesPage.vue'),
- meta: {
- requiresAuth: true,
- navGroup: 'auth', // Show only when logged in
- icon: 'email',
- title: 'Email Summaries',
- caption: 'View email summaries'
- }
- },
{
path: 'settings',
name: 'settings',
@@ -107,6 +95,6 @@ const routes = [
path: '/:catchAll(.*)*',
component: () => import('pages/ErrorNotFound.vue')
}
-]
+];
-export default routes
+export default routes;
diff --git a/src/stores/auth.js b/src/stores/auth.js
index 405c869..a69459e 100644
--- a/src/stores/auth.js
+++ b/src/stores/auth.js
@@ -1,4 +1,4 @@
-import { defineStore } from 'pinia'
+import { defineStore } from 'pinia';
import axios from 'axios';
export const useAuthStore = defineStore('auth', {
@@ -9,29 +9,39 @@ export const useAuthStore = defineStore('auth', {
error: null, // Optional: track errors
}),
actions: {
- async checkAuthStatus() {
+ async checkAuthStatus()
+ {
this.loading = true;
this.error = null;
- try {
+ try
+ {
const res = await axios.get('/auth/check-auth');
- if (res.data.isAuthenticated) {
+ if (res.data.isAuthenticated)
+ {
this.isAuthenticated = true;
this.user = res.data.user;
- } else {
+ }
+ else
+ {
this.isAuthenticated = false;
this.user = null;
}
- } catch (error) {
+ }
+ catch (error)
+ {
console.error('Failed to check authentication status:', error);
this.error = 'Could not verify login status.';
this.isAuthenticated = false;
this.user = null;
- } finally {
+ }
+ finally
+ {
this.loading = false;
}
},
// Action to manually set user as logged out (e.g., after logout)
- logout() {
+ logout()
+ {
this.isAuthenticated = false;
this.user = null;
}
diff --git a/src/stores/chat.js b/src/stores/chat.js
index 4304849..b65048e 100644
--- a/src/stores/chat.js
+++ b/src/stores/chat.js
@@ -2,7 +2,8 @@ import { defineStore } from 'pinia';
import { ref, computed, watch } from 'vue'; // Import watch
import axios from 'axios';
-export const useChatStore = defineStore('chat', () => {
+export const useChatStore = defineStore('chat', () =>
+{
const isVisible = ref(false);
const currentThreadId = ref(null);
const messages = ref([]); // Array of { sender: 'user' | 'bot', content: string, createdAt?: Date, loading?: boolean }
@@ -18,12 +19,14 @@ export const useChatStore = defineStore('chat', () => {
// --- Actions ---
// New action to create a thread if it doesn't exist
- async function createThreadIfNotExists() {
+ async function createThreadIfNotExists()
+ {
if (currentThreadId.value) return; // Already have a thread
isLoading.value = true;
error.value = null;
- try {
+ try
+ {
// Call the endpoint without content to just create the thread
const response = await axios.post('/api/chat/threads', {});
currentThreadId.value = response.data.threadId;
@@ -31,37 +34,51 @@ export const useChatStore = defineStore('chat', () => {
console.log('Created new chat thread:', currentThreadId.value);
// Start polling now that we have a thread ID
startPolling();
- } catch (err) {
+ }
+ catch (err)
+ {
console.error('Error creating chat thread:', err);
error.value = 'Failed to start chat.';
// Don't set isVisible to false, let the user see the error
- } finally {
+ }
+ finally
+ {
isLoading.value = false;
}
}
- function toggleChat() {
+ function toggleChat()
+ {
isVisible.value = !isVisible.value;
- if (isVisible.value) {
- if (!currentThreadId.value) {
+ if (isVisible.value)
+ {
+ if (!currentThreadId.value)
+ {
// If opening and no thread exists, create one
createThreadIfNotExists();
- } else {
+ }
+ else
+ {
// If opening and thread exists, fetch messages if empty and start polling
- if (messages.value.length === 0) {
- fetchMessages();
+ if (messages.value.length === 0)
+ {
+ fetchMessages();
}
startPolling();
}
- } else {
+ }
+ else
+ {
// If closing, stop polling
stopPolling();
}
}
- async function fetchMessages() {
- if (!currentThreadId.value) {
+ async function fetchMessages()
+ {
+ if (!currentThreadId.value)
+ {
console.log('No active thread to fetch messages for.');
// Don't try to fetch if no thread ID yet. createThreadIfNotExists handles the initial state.
return;
@@ -69,33 +86,40 @@ export const useChatStore = defineStore('chat', () => {
// Avoid setting isLoading if polling, maybe use a different flag? For now, keep it simple.
// isLoading.value = true; // Might cause flickering during polling
error.value = null; // Clear previous errors on fetch attempt
- try {
+ try
+ {
const response = await axios.get(`/api/chat/threads/${currentThreadId.value}/messages`);
const newMessages = response.data.map(msg => ({
- sender: msg.sender,
- content: msg.content,
- createdAt: new Date(msg.createdAt),
- loading: msg.content === 'Loading...'
+ sender: msg.sender,
+ content: msg.content,
+ createdAt: new Date(msg.createdAt),
+ loading: msg.content === 'Loading...'
})).sort((a, b) => a.createdAt - b.createdAt);
// Only update if messages have actually changed to prevent unnecessary re-renders
- if (JSON.stringify(messages.value) !== JSON.stringify(newMessages)) {
- messages.value = newMessages;
+ if (JSON.stringify(messages.value) !== JSON.stringify(newMessages))
+ {
+ messages.value = newMessages;
}
- } catch (err) {
+ }
+ catch (err)
+ {
console.error('Error fetching messages:', err);
error.value = 'Failed to load messages.';
// Don't clear messages on polling error, keep the last known state
// messages.value = [];
stopPolling(); // Stop polling if there's an error fetching
- } finally {
+ }
+ finally
+ {
// isLoading.value = false;
}
}
// Function to start polling
- function startPolling() {
+ function startPolling()
+ {
if (pollingIntervalId.value) return; // Already polling
if (!currentThreadId.value) return; // No thread to poll for
@@ -104,8 +128,10 @@ export const useChatStore = defineStore('chat', () => {
}
// Function to stop polling
- function stopPolling() {
- if (pollingIntervalId.value) {
+ function stopPolling()
+ {
+ if (pollingIntervalId.value)
+ {
console.log('Stopping chat polling.');
clearInterval(pollingIntervalId.value);
pollingIntervalId.value = null;
@@ -113,12 +139,14 @@ export const useChatStore = defineStore('chat', () => {
}
- async function sendMessage(content) {
+ async function sendMessage(content)
+ {
if (!content.trim()) return;
- if (!currentThreadId.value) {
- error.value = "Cannot send message: No active chat thread.";
- console.error("Attempted to send message without a thread ID.");
- return; // Should not happen if UI waits for thread creation
+ if (!currentThreadId.value)
+ {
+ error.value = 'Cannot send message: No active chat thread.';
+ console.error('Attempted to send message without a thread ID.');
+ return; // Should not happen if UI waits for thread creation
}
const userMessage = {
@@ -137,7 +165,8 @@ export const useChatStore = defineStore('chat', () => {
isLoading.value = true; // Indicate activity
error.value = null;
- try {
+ try
+ {
const payload = { content: userMessage.content };
// Always post to the existing thread once it's created
const response = await axios.post(`/api/chat/threads/${currentThreadId.value}/messages`, payload);
@@ -151,15 +180,19 @@ export const useChatStore = defineStore('chat', () => {
// Immediately fetch messages after sending to get the updated list
await fetchMessages();
- } catch (err) {
- console.error('Error sending message:', err);
- error.value = 'Failed to send message.';
- // Remove loading indicator on error
- messages.value = messages.value.filter(m => !m.loading);
- // Optionally add an error message to the chat
- // Ensure the object is correctly formatted
- messages.value.push({ sender: 'bot', content: "Sorry, I couldn't send that message.", createdAt: new Date() });
- } finally {
+ }
+ catch (err)
+ {
+ console.error('Error sending message:', err);
+ error.value = 'Failed to send message.';
+ // Remove loading indicator on error
+ messages.value = messages.value.filter(m => !m.loading);
+ // Optionally add an error message to the chat
+ // Ensure the object is correctly formatted
+ messages.value.push({ sender: 'bot', content: "Sorry, I couldn't send that message.", createdAt: new Date() });
+ }
+ finally
+ {
isLoading.value = false;
// Restart polling after sending attempt is complete
startPolling();
@@ -167,7 +200,8 @@ export const useChatStore = defineStore('chat', () => {
}
// Call this when the user logs out or the app closes if you want to clear state
- function resetChat() {
+ function resetChat()
+ {
stopPolling(); // Ensure polling stops on reset
isVisible.value = false;
currentThreadId.value = null;
diff --git a/src/stores/index.js b/src/stores/index.js
index 91f3dd4..54dab50 100644
--- a/src/stores/index.js
+++ b/src/stores/index.js
@@ -1,5 +1,5 @@
-import { defineStore } from '#q-app/wrappers'
-import { createPinia } from 'pinia'
+import { defineStore } from '#q-app/wrappers';
+import { createPinia } from 'pinia';
/*
* If not building with SSR mode, you can
@@ -10,11 +10,12 @@ import { createPinia } from 'pinia'
* with the Store instance.
*/
-export default defineStore((/* { ssrContext } */) => {
- const pinia = createPinia()
+export default defineStore((/* { ssrContext } */) =>
+{
+ const pinia = createPinia();
// You can add Pinia plugins here
// pinia.use(SomePiniaPlugin)
- return pinia
-})
\ No newline at end of file
+ return pinia;
+});
\ No newline at end of file