@mohasinac/appkit 4.45.0 → 4.46.0

package/dist/core/copilot-log.repository.d.ts

@@ -1,44 +0,0 @@
-import type { IRepository } from "../contracts";
-export type CopilotFeedback = "positive" | "negative";
-export interface CopilotLogDocument {
-    id: string;
-    userId: string;
-    userName: string;
-    conversationId: string;
-    prompt: string;
-    response: string;
-    model: string;
-    promptTokens?: number;
-    responseTokens?: number;
-    durationMs?: number;
-    feedback: CopilotFeedback | null;
-    createdAt: Date;
-    updatedAt?: Date;
-}
-export interface CopilotLogCreateInput {
-    userId: string;
-    userName: string;
-    conversationId: string;
-    prompt: string;
-    response: string;
-    model: string;
-    promptTokens?: number;
-    responseTokens?: number;
-    durationMs?: number;
-}
-export declare class CopilotLogRepository {
-    private _repo;
-    private readonly _collection;
-    constructor(repoOrCollection?: IRepository<CopilotLogDocument> | string | null);
-    private get repo();
-    create(input: CopilotLogCreateInput): Promise<CopilotLogDocument>;
-    findByConversation(conversationId: string, limit?: number): Promise<CopilotLogDocument[]>;
-    setFeedback(logId: string, feedback: CopilotFeedback): Promise<void>;
-}
-export declare const copilotLogRepository: CopilotLogRepository;
-export declare const COPILOT_LOGS_COLLECTION: "copilotLogs";
-export declare const COPILOT_LOGS_INDEXED_FIELDS: readonly ["userId", "conversationId", "createdAt"];
-export declare const copilotLogQueryHelpers: {
-    readonly byUser: (userId: string) => readonly ["userId", "==", string];
-    readonly byConversation: (conversationId: string) => readonly ["conversationId", "==", string];
-};

package/dist/core/copilot-log.repository.js

@@ -1,61 +0,0 @@
-import { getProviders } from "../contracts/index.js";
-function resolveRepository() {
-    const provider = getProviders().db;
-    if (!provider) {
-        throw new Error("DB provider is not registered. Configure providers before using CopilotLogRepository.");
-    }
-    return provider.getRepository("copilotLogs");
-}
-export class CopilotLogRepository {
-    constructor(repoOrCollection = null) {
-        if (typeof repoOrCollection === "string") {
-            this._repo = null;
-            this._collection = repoOrCollection;
-        }
-        else {
-            this._repo = repoOrCollection;
-            this._collection = null;
-        }
-    }
-    get repo() {
-        if (!this._repo) {
-            if (this._collection) {
-                const provider = getProviders().db;
-                if (!provider) {
-                    throw new Error("DB provider is not registered. Configure providers before using CopilotLogRepository.");
-                }
-                this._repo = provider.getRepository(this._collection);
-            }
-            else {
-                this._repo = resolveRepository();
-            }
-        }
-        return this._repo;
-    }
-    async create(input) {
-        return this.repo.create({
-            ...input,
-            feedback: null,
-        });
-    }
-    async findByConversation(conversationId, limit = 50) {
-        const result = await this.repo.findAll({
-            filters: `conversationId==${conversationId}`,
-            sort: "createdAt",
-            order: "asc",
-            page: 1,
-            perPage: limit,
-        });
-        return result.data;
-    }
-    async setFeedback(logId, feedback) {
-        await this.repo.update(logId, { feedback });
-    }
-}
-export const copilotLogRepository = new CopilotLogRepository();
-export const COPILOT_LOGS_COLLECTION = "copilotLogs";
-export const COPILOT_LOGS_INDEXED_FIELDS = ["userId", "conversationId", "createdAt"];
-export const copilotLogQueryHelpers = {
-    byUser: (userId) => ["userId", "==", userId],
-    byConversation: (conversationId) => ["conversationId", "==", conversationId],
-};

package/dist/features/copilot/components/AdminCopilotView.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-export interface AdminCopilotViewProps {
-    endpoint?: string;
-    historyEndpoint?: string;
-    renderHeader?: (onNewConversation: () => void) => React.ReactNode;
-    labels?: {
-        title?: string;
-        newConversation?: string;
-        noMessages?: string;
-        noMessagesDesc?: string;
-        inputPlaceholder?: string;
-        sendButton?: string;
-        sendingButton?: string;
-        errorLabel?: string;
-        conversationId?: string;
-        loadConversation?: string;
-        historyTitle?: string;
-    };
-    className?: string;
-}
-export declare function AdminCopilotView({ endpoint, historyEndpoint, renderHeader, labels, className, }: AdminCopilotViewProps): React.JSX.Element;

package/dist/features/copilot/components/AdminCopilotView.js

@@ -1,51 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
-import { useQuery } from "@tanstack/react-query";
-import { Alert, Button, Div, Form, Heading, Input, Row, Span, Stack, StackedViewShell, Text } from "../../../ui/index.js";
-import { apiClient } from "../../../http/index.js";
-import { COPILOT_ENDPOINTS } from "../../../constants/api-endpoints.js";
-import { useCopilotChat } from "../hooks/useCopilotChat.js";
-const __P = {
-    p3: "p-[var(--appkit-space-3)]",
-    p4: "p-[var(--appkit-space-4)]",
-};
-const __O = {
-    yAuto: "overflow-y-auto",
-};
-const LBL_CONVERSATION_ID = "Conversation ID";
-const CLS_ERROR_TEXT = "text-center text-[length:var(--appkit-text-sm)] text-error";
-function MessageBubble({ msg }) {
-    const isUser = msg.role === "user";
-    return (_jsx(Div, { layout: "flex", justify: isUser ? "end" : "start", children: _jsxs(Div, { textSize: "sm", className: `max-w-[80%] py-[0.625rem] ${isUser ? "bg-primary text-white" : "bg-[var(--appkit-color-surface)] dark:bg-[var(--appkit-color-surface-elevated)] text-[var(--appkit-color-text)]"}`, padding: "x-md", style: { borderRadius: isUser ? "1.5rem 0.125rem 1.5rem 1.5rem" : "0.125rem 1.5rem 1.5rem 1.5rem" }, children: [_jsx(Text, { className: "whitespace-pre-wrap leading-relaxed", size: "sm", children: msg.content }), msg.durationMs ? (_jsxs(Span, { size: "xs", className: "mt-1 block opacity-60", children: [(msg.durationMs / 1000).toFixed(1), "s"] })) : null] }) }));
-}
-export function AdminCopilotView({ endpoint, historyEndpoint = COPILOT_ENDPOINTS.HISTORY, renderHeader, labels = {}, className = "", }) {
-    const [input, setInput] = useState("");
-    const [conversationInput, setConversationInput] = useState("");
-    const messagesEndRef = useRef(null);
-    const { messages, conversationId, sendMessage, startNewConversation, loadConversation, isLoading, error, } = useCopilotChat({ endpoint });
-    const historyQuery = useQuery({
-        queryKey: ["copilot-history", historyEndpoint, conversationId],
-        queryFn: () => apiClient.get(`${historyEndpoint}?conversationId=${encodeURIComponent(conversationId)}`),
-        staleTime: 15000,
-    });
-    useEffect(() => {
-        messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
-    }, [messages]);
-    const handleSubmit = (event) => {
-        event.preventDefault();
-        if (!input.trim() || isLoading)
-            return;
-        sendMessage(input.trim());
-        setInput("");
-    };
-    return (_jsx(StackedViewShell, { portal: "admin", title: labels.title ?? "AI Copilot", className: className, sections: [
-            renderHeader ? (renderHeader(startNewConversation)) : (_jsxs(Row, { align: "center", justify: "between", gap: "3", children: [_jsx(Heading, { level: 2, children: labels.title ?? "AI Copilot" }), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: startNewConversation, children: labels.newConversation ?? "New Conversation" })] })),
-            _jsxs(Div, { layout: "grid", gap: "4", className: "grid-cols-1 lg:grid-cols-[2fr,1fr]", children: [_jsxs(Stack, { className: "border border-neutral-200 h-[calc(100vh-300px)]", surface: "default", rounded: "xl", children: [_jsx(Div, { border: "bottom", className: __P.p3, children: _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "xs", weight: "medium", children: [labels.conversationId ?? LBL_CONVERSATION_ID, ": ", conversationId] }) }), _jsxs(Stack, { className: `flex-1 ${__O.yAuto} ${__P.p4}`, gap: "md", children: [messages.length === 0 ? (_jsxs(Stack, { justify: "center", className: "h-full text-center", align: "center", children: [_jsx(Text, { weight: "medium", children: labels.noMessages ?? "No messages yet" }), _jsx(Text, { variant: "secondary", className: "mt-1", size: "sm", children: labels.noMessagesDesc ?? "Ask anything to get started" })] })) : null, messages.map((msg) => (_jsx(MessageBubble, { msg: msg }, msg.id))), isLoading ? (_jsx(Row, { justify: "start", children: _jsx(Div, { paddingY: "y-xs-tall", surface: "muted", className: "", padding: "x-md", style: { borderRadius: "0.125rem 1.5rem 1.5rem 1.5rem" }, children: _jsx(Span, { size: "sm", className: "opacity-60 animate-pulse", children: "Thinking..." }) }) })) : null, error ? (_jsx(Text, { className: CLS_ERROR_TEXT, children: labels.errorLabel ?? "An error occurred. Please try again." })) : null, _jsx(Div, { ref: messagesEndRef })] }), _jsx(Div, { border: "top", className: __P.p3, children: _jsxs(Form, { onSubmit: handleSubmit, gap: "xs", className: "flex", children: [_jsx(Input, { type: "text", bare: true, value: input, onChange: (event) => setInput(event.target.value), placeholder: labels.inputPlaceholder ?? "Ask anything...", disabled: isLoading, className: "flex-1 h-10" }), _jsx(Button, { type: "submit", variant: "primary", disabled: isLoading || !input.trim(), className: "shrink-0", children: isLoading ? labels.sendingButton ?? "Sending..." : labels.sendButton ?? "Send" })] }) })] }), _jsxs(Stack, { surface: "card", padding: "sm", gap: "3", children: [_jsx(Heading, { level: 3, size: "sm", weight: "semibold", children: labels.historyTitle ?? "Conversation History" }), _jsxs(Form, { spacing: "sm", onSubmit: (event) => {
-                                    event.preventDefault();
-                                    if (!conversationInput.trim())
-                                        return;
-                                    loadConversation(conversationInput.trim());
-                                }, children: [_jsx(Input, { label: labels.conversationId ?? LBL_CONVERSATION_ID, value: conversationInput, onChange: (event) => setConversationInput(event.target.value), placeholder: "conv_..." }), _jsx(Button, { type: "submit", variant: "secondary", size: "sm", className: "w-full", children: labels.loadConversation ?? "Load conversation" })] }), historyQuery.error ? (_jsx(Alert, { variant: "warning", title: "History unavailable", children: historyQuery.error instanceof Error ? historyQuery.error.message : "Could not load history" })) : null, _jsxs(Stack, { className: `max-h-72 ${__O.yAuto}`, gap: "sm", children: [(historyQuery.data?.messages ?? []).map((log, index) => (_jsxs(Div, { className: "border border-neutral-200", rounded: "lg", padding: "xs", children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "xs", weight: "medium", children: new Date(log.createdAt).toLocaleString() }), _jsxs(Text, { className: `mt-1`, truncate: 3, size: "sm", children: ["Q: ", log.prompt] }), _jsxs(Text, { className: `mt-1`, color: "muted", truncate: 3, size: "sm", children: ["A: ", log.response] })] }, `${log.createdAt}-${index}`))), !historyQuery.isLoading && (historyQuery.data?.messages?.length ?? 0) === 0 ? (_jsx(Text, { variant: "secondary", size: "sm", children: "No server history found for this conversation yet." })) : null] })] })] }),
-        ] }));
-}

package/dist/features/copilot/components/index.d.ts

@@ -1,2 +0,0 @@
-export { AdminCopilotView } from "./AdminCopilotView";
-export type { AdminCopilotViewProps } from "./AdminCopilotView";

package/dist/features/copilot/components/index.js

@@ -1 +0,0 @@
-export { AdminCopilotView } from "./AdminCopilotView.js";

package/dist/features/copilot/hooks/useCopilotChat.d.ts

@@ -1,25 +0,0 @@
-export interface CopilotMessage {
-    id: string;
-    role: "user" | "assistant";
-    content: string;
-    createdAt: string;
-    durationMs?: number;
-}
-export interface CopilotChatResponse {
-    response: string;
-    durationMs?: number;
-}
-interface UseCopilotChatOptions {
-    endpoint?: string;
-    initialConversationId?: string;
-}
-export declare function useCopilotChat(options?: UseCopilotChatOptions): {
-    messages: CopilotMessage[];
-    conversationId: string;
-    sendMessage: (prompt: string) => void;
-    startNewConversation: () => void;
-    loadConversation: (nextConversationId: string) => void;
-    isLoading: boolean;
-    error: import("@mohasinac/appkit/client").ApiError | null;
-};
-export {};

package/dist/features/copilot/hooks/useCopilotChat.js

@@ -1,65 +0,0 @@
-"use client";
-import { useApiMutation } from "@mohasinac/appkit/client";
-import { useState, useCallback } from "react";
-import { apiClient } from "../../../http/index.js";
-import { COPILOT_ENDPOINTS } from "../../../constants/api-endpoints.js";
-function generateId() {
-    return `msg_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
-}
-function generateConversationId() {
-    return `conv_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
-}
-export function useCopilotChat(options) {
-    const endpoint = options?.endpoint ?? COPILOT_ENDPOINTS.CHAT;
-    const [messages, setMessages] = useState([]);
-    const [conversationId, setConversationId] = useState(() => options?.initialConversationId ?? generateConversationId());
-    const mutation = useApiMutation({
-        mutationFn: async (prompt) => {
-            const res = await apiClient.post(endpoint, { prompt, conversationId });
-            return res.data;
-        },
-        onMutate: (prompt) => {
-            const userMsg = {
-                id: generateId(),
-                role: "user",
-                content: prompt,
-                createdAt: new Date().toISOString(),
-            };
-            setMessages((prev) => [...prev, userMsg]);
-        },
-        onSuccess: (data) => {
-            const aiMsg = {
-                id: generateId(),
-                role: "assistant",
-                content: data.response,
-                createdAt: new Date().toISOString(),
-                durationMs: data.durationMs,
-            };
-            setMessages((prev) => [...prev, aiMsg]);
-        },
-    });
-    const sendMessage = useCallback((prompt) => {
-        if (!prompt.trim())
-            return;
-        mutation.mutate(prompt);
-    }, [mutation]);
-    const startNewConversation = useCallback(() => {
-        setMessages([]);
-        setConversationId(generateConversationId());
-    }, []);
-    const loadConversation = useCallback((nextConversationId) => {
-        if (!nextConversationId.trim())
-            return;
-        setMessages([]);
-        setConversationId(nextConversationId.trim());
-    }, []);
-    return {
-        messages,
-        conversationId,
-        sendMessage,
-        startNewConversation,
-        loadConversation,
-        isLoading: mutation.isPending,
-        error: mutation.error,
-    };
-}

package/dist/features/copilot/hooks/useCopilotFeedback.d.ts

@@ -1,15 +0,0 @@
-export type CopilotFeedback = "positive" | "negative";
-export interface UseCopilotFeedbackOptions {
-    /** Builds the PATCH endpoint for a given log ID. */
-    feedbackEndpoint: (logId: string) => string;
-}
-/**
- * useCopilotFeedback
- *
- * Sends thumbs-up / thumbs-down feedback on a copilot response.
- * The consumer injects the endpoint builder so appkit stays route-agnostic.
- */
-export declare function useCopilotFeedback({ feedbackEndpoint, }: UseCopilotFeedbackOptions): import("@tanstack/react-query").UseMutationResult<void, import("../../../client").ApiError, {
-    logId: string;
-    feedback: CopilotFeedback;
-}, unknown>;

package/dist/features/copilot/hooks/useCopilotFeedback.js

@@ -1,15 +0,0 @@
-import { useApiMutation } from "../../../client/api/useApiMutation.js";
-import { apiClient } from "../../../http/index.js";
-/**
- * useCopilotFeedback
- *
- * Sends thumbs-up / thumbs-down feedback on a copilot response.
- * The consumer injects the endpoint builder so appkit stays route-agnostic.
- */
-export function useCopilotFeedback({ feedbackEndpoint, }) {
-    return useApiMutation({
-        mutationFn: async ({ logId, feedback, }) => {
-            await apiClient.patch(feedbackEndpoint(logId), { feedback });
-        },
-    });
-}

package/dist/features/copilot/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./components";
-export * from "./hooks/useCopilotChat";
-export * from "./hooks/useCopilotFeedback";

package/dist/features/copilot/index.js

@@ -1,3 +0,0 @@
-export * from "./components/index.js";
-export * from "./hooks/useCopilotChat.js";
-export * from "./hooks/useCopilotFeedback.js";