@galvanized-pukeko/vue-ui 0.0.1 → 0.0.3

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src/index'
+export {}

package/dist/src/components/a2ui/catalog.d.ts

@@ -0,0 +1,2 @@
+import { Component } from 'vue';
+export declare const catalog: Record<string, Component>;

package/dist/src/composables/useA2UI.d.ts

@@ -0,0 +1,77 @@
+import { Ref, InjectionKey } from 'vue';
+import { ChatCallbacks } from '../services/chatService';
+interface Action {
+    name: string;
+    context?: Array<{
+        key: string;
+        value: {
+            path?: string;
+            literalString?: string;
+            literalNumber?: number;
+            literalBoolean?: boolean;
+        };
+    }>;
+}
+interface BaseComponentNode {
+    id: string;
+    type: string;
+    dataContextPath?: string;
+    weight?: number | string;
+    properties: Record<string, any>;
+}
+export type AnyComponentNode = BaseComponentNode;
+export interface Surface {
+    rootComponentId: string | null;
+    componentTree: AnyComponentNode | null;
+    dataModel: Map<string, any>;
+    components: Map<string, any>;
+    styles: Record<string, string>;
+}
+interface ServerToClientMessage {
+    surfaceUpdate?: any;
+    dataModelUpdate?: any;
+    beginRendering?: any;
+    deleteSurface?: any;
+}
+declare class SimpleA2UIProcessor {
+    static readonly DEFAULT_SURFACE_ID = "@default";
+    private surfaces;
+    getSurfaces(): ReadonlyMap<string, Surface>;
+    clearSurfaces(): void;
+    processMessages(messages: ServerToClientMessage[]): void;
+    getData(node: AnyComponentNode, relativePath: string, surfaceId?: string): any;
+    setData(node: AnyComponentNode | null, relativePath: string, value: any, surfaceId?: string): void;
+    resolvePath(path: string, dataContextPath?: string): string;
+    private getOrCreateSurface;
+    private handleSurfaceUpdate;
+    private handleDataModelUpdate;
+    private convertKeyValueArray;
+    private handleBeginRendering;
+    private handleDeleteSurface;
+    private rebuildComponentTree;
+    private buildNode;
+    private resolveProperty;
+    private setDataByPath;
+    private getDataByPath;
+}
+export interface UserAction {
+    actionName: string;
+    sourceComponentId: string;
+    timestamp: string;
+    context?: Record<string, unknown>;
+}
+export interface A2UIContext {
+    sendAction: (surfaceId: string, action: Action, sourceComponentId: string, node?: AnyComponentNode) => void;
+    processor: SimpleA2UIProcessor;
+}
+export declare const A2UIContextKey: InjectionKey<A2UIContext>;
+export declare function useA2UI(): {
+    surfaces: Ref<Map<string, Surface>, Map<string, Surface>>;
+    pendingToolCallId: Ref<string | null, string | null>;
+    processBatch: (messages: ServerToClientMessage[]) => void;
+    clearSurfaces: () => void;
+    sendAction: (surfaceId: string, action: Action, sourceComponentId: string, node?: AnyComponentNode) => void;
+    setCallbacks: (cb: ChatCallbacks) => void;
+    processor: SimpleA2UIProcessor;
+};
+export {};

package/dist/src/index.d.ts

@@ -0,0 +1,19 @@
+import { default as CoreApp } from './CoreApp.vue';
+import { default as PkForm } from './components/PkForm.vue';
+import { default as PkInput } from './components/PkInput.vue';
+import { default as PkCheckbox } from './components/PkCheckbox.vue';
+import { default as PkRadio } from './components/PkRadio.vue';
+import { default as PkSelect } from './components/PkSelect.vue';
+import { default as PkButton } from './components/PkButton.vue';
+import { default as PkInputCounter } from './components/PkInputCounter.vue';
+import { default as PkBarChart } from './components/PkBarChart.vue';
+import { default as PkPieChart } from './components/PkPieChart.vue';
+import { default as PkTable } from './components/PkTable.vue';
+import { default as ChatInterface } from './components/ChatInterface.vue';
+import { default as PkNavHeader } from './components/PkNavHeader.vue';
+import { default as PkLogo } from './components/PkLogo.vue';
+import { default as PkLogoLarge } from './components/PkLogoLarge.vue';
+import { default as PkNavItem } from './components/PkNavItem.vue';
+export { CoreApp };
+export * from './services/configService';
+export { PkForm, PkInput, PkCheckbox, PkRadio, PkSelect, PkButton, PkInputCounter, PkBarChart, PkPieChart, PkTable, ChatInterface, PkNavHeader, PkLogo, PkLogoLarge, PkNavItem };

package/dist/src/services/chatService.d.ts

@@ -0,0 +1,46 @@
+import { Message } from '@ag-ui/client';
+export interface StreamingSlot {
+    messageId: string;
+    text: string;
+}
+export interface ToolCallInfo {
+    toolCallId: string;
+    toolCallName: string;
+    toolCallBuffer: string;
+}
+export interface ToolCallRecord {
+    toolCallId: string;
+    toolCallName: string;
+    args: string;
+}
+export interface ChatCallbacks {
+    onStreamStart: (messageId: string) => void;
+    onStreamDelta: (messageId: string, fullText: string) => void;
+    onStreamEnd: (messageId: string, finalText: string) => void;
+    onToolCallComplete?: (record: ToolCallRecord) => void;
+    onToolCallStart?: (toolCallId: string, toolCallName: string) => void;
+    onToolCallEnd?: (toolCallId: string, toolCallName: string, toolCallBuffer: string) => void;
+    onToolCallResult?: (toolCallId: string, toolCallName: string, content: string) => void;
+    onError: (error: string) => void;
+}
+declare class ChatService {
+    private agent;
+    private ensureAgent;
+    /**
+     * Reset the conversation (new thread)
+     */
+    resetThread(): void;
+    getThreadId(): string;
+    /**
+     * Send a message and stream the response in real-time via callbacks.
+     */
+    sendMessage(text: string, callbacks: ChatCallbacks): Promise<void>;
+    /**
+     * Submit a user action (e.g. form submission) as a user message and stream the follow-up response.
+     * User actions are NOT sent as tool messages — the show_a2ui_surface tool call is already resolved
+     * once the surfaceJsonl is returned. A second tool message for the same toolCallId would be invalid.
+     */
+    submitToolResult(_toolCallId: string, content: string, callbacks?: ChatCallbacks): Promise<void>;
+}
+export declare const chatService: ChatService;
+export type { Message };

package/dist/src/services/configService.d.ts

@@ -0,0 +1,21 @@
+interface UiConfigItem {
+    text?: string;
+    href?: string;
+    img?: string;
+}
+export interface UiConfig {
+    agUiUrl: string;
+    appName?: string;
+    pageTitle?: string;
+    configUrl?: string;
+    logo?: UiConfigItem;
+    header?: UiConfigItem[];
+    footer?: UiConfigItem[];
+}
+declare class ConfigService {
+    private config;
+    load(): Promise<void>;
+    get(): UiConfig;
+}
+export declare const configService: ConfigService;
+export {};