{#if loading && logs.length === 0}
@@ -136,7 +167,13 @@
/>
{/if}
+
{:else}
+
+
+
+
+
{/if}
{/if}
+// [/DEF:showModal:Component]
diff --git a/frontend/src/lib/api/reports.js b/frontend/src/lib/api/reports.js
index 328f91c5..58e8af1d 100644
--- a/frontend/src/lib/api/reports.js
+++ b/frontend/src/lib/api/reports.js
@@ -13,6 +13,7 @@ import { api } from '../api.js';
// @PRE: options is an object with optional report query fields.
// @POST: Returns URL query string without leading '?'.
export function buildReportQueryString(options = {}) {
+ console.log("[reports][api][buildReportQueryString:START]");
const params = new URLSearchParams();
if (options.page != null) params.append('page', String(options.page));
@@ -40,6 +41,7 @@ export function buildReportQueryString(options = {}) {
// @PRE: error may be Error/string/object.
// @POST: Returns structured error object.
export function normalizeApiError(error) {
+ console.log("[reports][api][normalizeApiError:START]");
const message =
(error && typeof error.message === 'string' && error.message) ||
(typeof error === 'string' && error) ||
@@ -59,9 +61,13 @@ export function normalizeApiError(error) {
// @POST: Returns parsed payload or structured error for UI-state mapping.
export async function getReports(options = {}) {
try {
+ console.log("[reports][api][getReports:STARTED]", options);
const query = buildReportQueryString(options);
- return await api.fetchApi(`/reports${query ? `?${query}` : ''}`);
+ const res = await api.fetchApi(`/reports${query ? `?${query}` : ''}`);
+ console.log("[reports][api][getReports:SUCCESS]", res);
+ return res;
} catch (error) {
+ console.error("[reports][api][getReports:FAILED]", error);
throw normalizeApiError(error);
}
}
@@ -73,8 +79,12 @@ export async function getReports(options = {}) {
// @POST: Returns parsed detail payload or structured error object.
export async function getReportDetail(reportId) {
try {
- return await api.fetchApi(`/reports/${reportId}`);
+ console.log(`[reports][api][getReportDetail:STARTED] id=${reportId}`);
+ const res = await api.fetchApi(`/reports/${reportId}`);
+ console.log(`[reports][api][getReportDetail:SUCCESS] id=${reportId}`);
+ return res;
} catch (error) {
+ console.error(`[reports][api][getReportDetail:FAILED] id=${reportId}`, error);
throw normalizeApiError(error);
}
}
diff --git a/frontend/src/lib/components/assistant/AssistantChatPanel.svelte b/frontend/src/lib/components/assistant/AssistantChatPanel.svelte
index 6d6b79e4..9327563c 100644
--- a/frontend/src/lib/components/assistant/AssistantChatPanel.svelte
+++ b/frontend/src/lib/components/assistant/AssistantChatPanel.svelte
@@ -23,35 +23,35 @@
* @UX_TEST: NeedsConfirmation -> {click: confirm action, expected: started response with task_id}
*/
- import { onMount } from 'svelte';
- import { goto } from '$app/navigation';
- import { t } from '$lib/i18n';
- import Icon from '$lib/ui/Icon.svelte';
- import { openDrawerForTask } from '$lib/stores/taskDrawer.js';
+ import { onMount } from "svelte";
+ import { goto } from "$app/navigation";
+ import { t } from "$lib/i18n";
+ import Icon from "$lib/ui/Icon.svelte";
+ import { openDrawerForTask } from "$lib/stores/taskDrawer.js";
import {
assistantChatStore,
closeAssistantChat,
setAssistantConversationId,
- } from '$lib/stores/assistantChat.js';
+ } from "$lib/stores/assistantChat.js";
import {
sendAssistantMessage,
confirmAssistantOperation,
cancelAssistantOperation,
getAssistantHistory,
getAssistantConversations,
- } from '$lib/api/assistant.js';
+ } from "$lib/api/assistant.js";
const HISTORY_PAGE_SIZE = 30;
const CONVERSATIONS_PAGE_SIZE = 20;
- let input = '';
+ let input = "";
let loading = false;
let loadingHistory = false;
let loadingMoreHistory = false;
let loadingConversations = false;
let messages = [];
let conversations = [];
- let conversationFilter = 'active';
+ let conversationFilter = "active";
let activeConversationsTotal = 0;
let archivedConversationsTotal = 0;
let historyPage = 1;
@@ -77,7 +77,12 @@
const requestVersion = ++historyLoadVersion;
loadingHistory = true;
try {
- const history = await getAssistantHistory(1, HISTORY_PAGE_SIZE, targetConversationId, true);
+ const history = await getAssistantHistory(
+ 1,
+ HISTORY_PAGE_SIZE,
+ targetConversationId,
+ true,
+ );
if (requestVersion !== historyLoadVersion) {
return;
}
@@ -87,13 +92,21 @@
}));
historyPage = 1;
historyHasNext = Boolean(history.has_next);
- if (!targetConversationId && history.conversation_id && history.conversation_id !== conversationId) {
+ if (
+ !targetConversationId &&
+ history.conversation_id &&
+ history.conversation_id !== conversationId
+ ) {
setAssistantConversationId(history.conversation_id);
}
initialized = true;
- console.log('[AssistantChatPanel][Coherence:OK] History loaded');
+ // prettier-ignore
+ console.log("[AssistantChatPanel][history][loadHistory:SUCCESS] History loaded");
} catch (err) {
- console.error('[AssistantChatPanel][Coherence:Failed] Failed to load history', err);
+ console.error(
+ "[AssistantChatPanel][history][loadHistory:FAILED] Failed to load history",
+ err,
+ );
} finally {
loadingHistory = false;
}
@@ -111,23 +124,30 @@
loadingConversations = true;
try {
const page = reset ? 1 : conversationsPage + 1;
- const includeArchived = conversationFilter === 'archived';
- const archivedOnly = conversationFilter === 'archived';
+ const includeArchived = conversationFilter === "archived";
+ const archivedOnly = conversationFilter === "archived";
const response = await getAssistantConversations(
page,
CONVERSATIONS_PAGE_SIZE,
includeArchived,
- '',
+ "",
archivedOnly,
);
const rows = response.items || [];
conversations = reset ? rows : [...conversations, ...rows];
conversationsPage = page;
conversationsHasNext = Boolean(response.has_next);
- activeConversationsTotal = response.active_total ?? activeConversationsTotal;
- archivedConversationsTotal = response.archived_total ?? archivedConversationsTotal;
+ activeConversationsTotal =
+ response.active_total ?? activeConversationsTotal;
+ archivedConversationsTotal =
+ response.archived_total ?? archivedConversationsTotal;
+ // prettier-ignore
+ console.log("[AssistantChatPanel][conversations][loadConversations:SUCCESS]");
} catch (err) {
- console.error('[AssistantChatPanel][Coherence:Failed] Failed to load conversations', err);
+ console.error(
+ "[AssistantChatPanel][conversations][loadConversations:FAILED]",
+ err,
+ );
} finally {
loadingConversations = false;
}
@@ -141,11 +161,22 @@
* @POST: Older messages are prepended while preserving order.
*/
async function loadOlderMessages() {
- if (loadingMoreHistory || loadingHistory || !historyHasNext || !conversationId) return;
+ if (
+ loadingMoreHistory ||
+ loadingHistory ||
+ !historyHasNext ||
+ !conversationId
+ )
+ return;
loadingMoreHistory = true;
try {
const nextPage = historyPage + 1;
- const history = await getAssistantHistory(nextPage, HISTORY_PAGE_SIZE, conversationId, true);
+ const history = await getAssistantHistory(
+ nextPage,
+ HISTORY_PAGE_SIZE,
+ conversationId,
+ true,
+ );
const chunk = (history.items || []).map((msg) => ({
...msg,
actions: msg.actions || msg.metadata?.actions || [],
@@ -155,8 +186,12 @@
messages = [...uniqueChunk, ...messages];
historyPage = nextPage;
historyHasNext = Boolean(history.has_next);
+ console.log("[AssistantChatPanel][history][loadOlderMessages:SUCCESS]");
} catch (err) {
- console.error('[AssistantChatPanel][Coherence:Failed] Failed to load older messages', err);
+ console.error(
+ "[AssistantChatPanel][history][loadOlderMessages:FAILED]",
+ err,
+ );
} finally {
loadingMoreHistory = false;
}
@@ -170,7 +205,9 @@
$: if (isOpen && initialized && conversationId) {
// Re-load only when user switched to another conversation.
- const currentFirstConversationId = messages.length ? messages[0].conversation_id : conversationId;
+ const currentFirstConversationId = messages.length
+ ? messages[0].conversation_id
+ : conversationId;
if (currentFirstConversationId !== conversationId) {
loadHistory();
}
@@ -183,11 +220,12 @@
* @POST: user message appears at the end of messages list.
*/
function appendLocalUserMessage(text) {
+ console.log("[AssistantChatPanel][message][appendLocalUserMessage][START]");
messages = [
...messages,
{
message_id: `local-${Date.now()}`,
- role: 'user',
+ role: "user",
text,
created_at: new Date().toISOString(),
},
@@ -202,11 +240,13 @@
* @POST: assistant message appended with state/task/actions metadata.
*/
function appendAssistantResponse(response) {
+ // prettier-ignore
+ console.log("[AssistantChatPanel][message][appendAssistantResponse][START]");
messages = [
...messages,
{
message_id: response.response_id,
- role: 'assistant',
+ role: "assistant",
text: response.text,
state: response.state,
task_id: response.task_id || null,
@@ -220,12 +260,12 @@
function buildConversationTitle(conversation) {
if (conversation?.title?.trim()) return conversation.title.trim();
- if (!conversation?.conversation_id) return 'Conversation';
+ if (!conversation?.conversation_id) return "Conversation";
return `Conversation ${conversation.conversation_id.slice(0, 8)}`;
}
function setConversationFilter(filter) {
- if (filter !== 'active' && filter !== 'archived') return;
+ if (filter !== "active" && filter !== "archived") return;
if (conversationFilter === filter) return;
conversationFilter = filter;
conversations = [];
@@ -235,9 +275,9 @@
}
function formatConversationTime(iso) {
- if (!iso) return '';
+ if (!iso) return "";
const dt = new Date(iso);
- if (Number.isNaN(dt.getTime())) return '';
+ if (Number.isNaN(dt.getTime())) return "";
return dt.toLocaleString();
}
@@ -249,11 +289,12 @@
* @SIDE_EFFECT: Triggers backend command execution pipeline.
*/
async function handleSend() {
+ console.log("[AssistantChatPanel][message][handleSend][START]");
const text = input.trim();
if (!text || loading) return;
appendLocalUserMessage(text);
- input = '';
+ input = "";
loading = true;
try {
@@ -271,8 +312,8 @@
} catch (err) {
appendAssistantResponse({
response_id: `error-${Date.now()}`,
- text: err.message || 'Assistant request failed',
- state: 'failed',
+ text: err.message || "Assistant request failed",
+ state: "failed",
created_at: new Date().toISOString(),
actions: [],
});
@@ -289,6 +330,8 @@
* @POST: conversationId updated and history reloaded.
*/
async function selectConversation(conversation) {
+ // prettier-ignore
+ console.log("[AssistantChatPanel][conversation][selectConversation][START]");
if (!conversation?.conversation_id) return;
if (conversation.conversation_id === conversationId) return;
// Invalidate any in-flight history request to avoid stale conversation overwrite.
@@ -308,8 +351,10 @@
* @POST: Messages reset and new conversation id bound.
*/
function startNewConversation() {
+ // prettier-ignore
+ console.log("[AssistantChatPanel][conversation][startNewConversation][START]");
const newId =
- typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function'
+ typeof crypto !== "undefined" && typeof crypto.randomUUID === "function"
? crypto.randomUUID()
: `conv-${Date.now()}`;
setAssistantConversationId(newId);
@@ -328,32 +373,37 @@
* @SIDE_EFFECT: May navigate routes or call confirm/cancel API endpoints.
*/
async function handleAction(action, message) {
+ console.log("[AssistantChatPanel][action][handleAction][START]");
try {
- if (action.type === 'open_task' && action.target) {
+ if (action.type === "open_task" && action.target) {
openDrawerForTask(action.target);
return;
}
- if (action.type === 'open_reports') {
- goto('/reports');
+ if (action.type === "open_reports") {
+ goto("/reports");
return;
}
- if (action.type === 'confirm' && message.confirmation_id) {
- const response = await confirmAssistantOperation(message.confirmation_id);
+ if (action.type === "confirm" && message.confirmation_id) {
+ const response = await confirmAssistantOperation(
+ message.confirmation_id,
+ );
appendAssistantResponse(response);
return;
}
- if (action.type === 'cancel' && message.confirmation_id) {
- const response = await cancelAssistantOperation(message.confirmation_id);
+ if (action.type === "cancel" && message.confirmation_id) {
+ const response = await cancelAssistantOperation(
+ message.confirmation_id,
+ );
appendAssistantResponse(response);
}
} catch (err) {
appendAssistantResponse({
response_id: `action-error-${Date.now()}`,
- text: err.message || 'Action failed',
- state: 'failed',
+ text: err.message || "Action failed",
+ state: "failed",
created_at: new Date().toISOString(),
actions: [],
});
@@ -368,7 +418,8 @@
* @POST: handleSend is invoked when Enter is pressed without shift modifier.
*/
function handleKeydown(event) {
- if (event.key === 'Enter' && !event.shiftKey) {
+ console.log("[AssistantChatPanel][input][handleKeydown][START]");
+ if (event.key === "Enter" && !event.shiftKey) {
event.preventDefault();
handleSend();
}
@@ -382,12 +433,17 @@
* @POST: Tailwind class string returned for badge rendering.
*/
function stateClass(state) {
- if (state === 'started') return 'bg-sky-100 text-sky-700 border-sky-200';
- if (state === 'success') return 'bg-emerald-100 text-emerald-700 border-emerald-200';
- if (state === 'needs_confirmation') return 'bg-amber-100 text-amber-700 border-amber-200';
- if (state === 'denied' || state === 'failed') return 'bg-rose-100 text-rose-700 border-rose-200';
- if (state === 'needs_clarification') return 'bg-violet-100 text-violet-700 border-violet-200';
- return 'bg-slate-100 text-slate-700 border-slate-200';
+ console.log("[AssistantChatPanel][ui][stateClass][START]");
+ if (state === "started") return "bg-sky-100 text-sky-700 border-sky-200";
+ if (state === "success")
+ return "bg-emerald-100 text-emerald-700 border-emerald-200";
+ if (state === "needs_confirmation")
+ return "bg-amber-100 text-amber-700 border-amber-200";
+ if (state === "denied" || state === "failed")
+ return "bg-rose-100 text-rose-700 border-rose-200";
+ if (state === "needs_clarification")
+ return "bg-violet-100 text-violet-700 border-violet-200";
+ return "bg-slate-100 text-slate-700 border-slate-200";
}
// [/DEF:stateClass:Function]
@@ -398,8 +454,9 @@
* @POST: loadOlderMessages called when boundary and more pages available.
*/
function handleHistoryScroll(event) {
+ console.log("[AssistantChatPanel][scroll][handleHistoryScroll][START]");
const el = event.currentTarget;
- if (!el || typeof el.scrollTop !== 'number') return;
+ if (!el || typeof el.scrollTop !== "number") return;
if (el.scrollTop <= 16) {
loadOlderMessages();
}
@@ -412,18 +469,28 @@
{#if isOpen}
-
+
-