Files
personal-ai-assistant/frontend/src/api/chats.ts
dolgolyov.alexei 03afb7a075 Phase 3: Skills & Context — skill system, personal context, context layering
Backend:
- Skill model + migration (with FK on chats.skill_id)
- Personal + general skill CRUD services with access isolation
- Admin skill CRUD endpoints (POST/GET/PATCH/DELETE /admin/skills)
- User skill CRUD endpoints (POST/GET/PATCH/DELETE /skills/)
- Personal context GET/PUT at /users/me/context
- Extended context assembly: primary + personal context + skill prompt
- Chat creation/update now accepts skill_id with validation

Frontend:
- Skill selector dropdown in chat header (grouped: general + personal)
- Reusable skill editor form component
- Admin skills management page (/admin/skills)
- Personal skills page (/skills)
- Personal context editor page (/profile/context)
- Updated sidebar: Skills, My Context nav items + admin skills link
- English + Russian translations for all skill/context UI

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-19 12:55:02 +03:00

148 lines
3.9 KiB
TypeScript

import api from "./client";
import { useAuthStore } from "@/stores/auth-store";
export interface Chat {
id: string;
user_id: string;
title: string;
skill_id: string | null;
is_archived: boolean;
created_at: string;
updated_at: string;
}
export interface Message {
id: string;
chat_id: string;
role: "user" | "assistant" | "system" | "tool";
content: string;
metadata: Record<string, unknown> | null;
created_at: string;
}
export interface ChatListResponse {
chats: Chat[];
}
export interface MessageListResponse {
messages: Message[];
}
export async function createChat(title?: string): Promise<Chat> {
const { data } = await api.post<Chat>("/chats/", { title });
return data;
}
export async function getChats(archived?: boolean): Promise<Chat[]> {
const params = archived !== undefined ? { archived } : {};
const { data } = await api.get<ChatListResponse>("/chats/", { params });
return data.chats;
}
export async function getChat(chatId: string): Promise<Chat> {
const { data } = await api.get<Chat>(`/chats/${chatId}`);
return data;
}
export async function updateChat(
chatId: string,
updates: { title?: string; is_archived?: boolean; skill_id?: string }
): Promise<Chat> {
const { data } = await api.patch<Chat>(`/chats/${chatId}`, updates);
return data;
}
export async function deleteChat(chatId: string): Promise<void> {
await api.delete(`/chats/${chatId}`);
}
export async function getMessages(
chatId: string,
limit = 50,
before?: string
): Promise<Message[]> {
const params: Record<string, unknown> = { limit };
if (before) params.before = before;
const { data } = await api.get<MessageListResponse>(
`/chats/${chatId}/messages`,
{ params }
);
return data.messages;
}
export interface SSECallbacks {
onStart?: (messageId: string) => void;
onDelta?: (delta: string) => void;
onComplete?: (messageId: string, metadata: Record<string, unknown>) => void;
onError?: (detail: string) => void;
}
export function sendMessage(
chatId: string,
content: string,
callbacks: SSECallbacks,
signal?: AbortSignal
): void {
const token = useAuthStore.getState().accessToken;
fetch(`/api/v1/chats/${chatId}/messages`, {
method: "POST",
headers: {
"Content-Type": "application/json",
...(token ? { Authorization: `Bearer ${token}` } : {}),
},
body: JSON.stringify({ content }),
signal,
})
.then(async (response) => {
if (!response.ok) {
const err = await response.json().catch(() => ({ detail: "Request failed" }));
callbacks.onError?.(err.detail || "Request failed");
return;
}
const reader = response.body?.getReader();
if (!reader) return;
const decoder = new TextDecoder();
let buffer = "";
while (true) {
const { done, value } = await reader.read();
if (done) break;
buffer += decoder.decode(value, { stream: true });
const lines = buffer.split("\n");
buffer = lines.pop() || "";
let currentEvent = "";
for (const line of lines) {
if (line.startsWith("event: ")) {
currentEvent = line.slice(7).trim();
} else if (line.startsWith("data: ")) {
const data = JSON.parse(line.slice(6));
switch (currentEvent) {
case "message_start":
callbacks.onStart?.(data.message_id);
break;
case "content_delta":
callbacks.onDelta?.(data.delta);
break;
case "message_end":
callbacks.onComplete?.(data.message_id, data.metadata);
break;
case "error":
callbacks.onError?.(data.detail);
break;
}
}
}
}
})
.catch((err) => {
if (err.name !== "AbortError") {
callbacks.onError?.(err.message || "Network error");
}
});
}