@inploi/plugin-kin 2.0.0

package/dist/index.cdn.d.ts

@@ -0,0 +1,9 @@
+import { kinPlugin } from './kin';
+
+declare global {
+    interface Window {
+        inploi?: {
+            kinPlugin?: typeof kinPlugin;
+        };
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { kinPlugin, type Kin, type KinPlugin, type KinPluginParams, type KinTheme, BRAND_THEMES } from './kin';

package/dist/index.dev.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/kin.client.d.ts

@@ -0,0 +1,59 @@
+/**
+ * WebSocket client for Kin agents service
+ */
+export type HistoryMessage = {
+    role: 'user' | 'assistant';
+    content: string;
+};
+export type KinMessage = {
+    type: 'user_message' | 'response_start' | 'response_chunk' | 'response_end' | 'error' | 'system' | 'authenticated' | 'data_cleared' | 'guardrail_block' | 'history' | 'upload_received' | 'file_processing' | 'file_processed';
+    content?: string;
+    company?: string;
+    environment?: string;
+    /** Message history sent on connect */
+    messages?: HistoryMessage[];
+    /** File upload fields */
+    fileName?: string;
+    status?: 'success' | 'error';
+    error?: string;
+    /** CV-specific fields (when fileType is 'cv') */
+    summary?: string;
+    skills?: string[];
+};
+/** Supported file types for upload */
+export declare const SUPPORTED_FILE_TYPES: Record<string, {
+    maxSize: number;
+}>;
+export declare const FILE_ACCEPT_STRING = ".pdf,.docx,.doc,.txt,.jpg,.jpeg,.png,.webp";
+export type FileValidationResult = {
+    valid: true;
+} | {
+    valid: false;
+    error: string;
+};
+/**
+ * Validate a file before upload
+ */
+export declare function validateFile(file: File): FileValidationResult;
+export type KinClientOptions = {
+    url: string;
+    onMessage: (message: KinMessage) => void;
+    onOpen: () => void;
+    onClose: () => void;
+    onError: (error: Event) => void;
+};
+export declare function createKinClient({ url, onMessage, onOpen, onClose, onError }: KinClientOptions): {
+    sendMessage: (content: string) => void;
+    /**
+     * Upload a file to the server
+     * @param file - The file to upload
+     * @param fileType - The type/purpose of the file (e.g., 'cv')
+     */
+    uploadFile: (file: File, fileType: string) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    clearData: () => void;
+    disconnect: () => void;
+    isConnected: () => boolean;
+};

package/dist/kin.d.ts

@@ -0,0 +1,39 @@
+import { KinTheme } from './kin.theme';
+
+export type { KinTheme } from './kin.theme';
+export { BRAND_THEMES } from './kin.theme';
+/** A starter prompt button shown in the empty state */
+export type StarterPrompt = {
+    /** Text displayed on the button */
+    label: string;
+    /** Message sent when clicked (can differ from label) */
+    message: string;
+};
+export type KinPluginParams = {
+    /** URL of the Kin agents service (WebSocket endpoint) */
+    serviceUrl: string;
+    /** Publishable key for authentication */
+    publishableKey: string;
+    /** Theme configuration */
+    theme?: KinTheme;
+    /** Starter prompts shown in empty state to help users begin */
+    starterPrompts?: StarterPrompt[];
+};
+export type KinPlugin = typeof kinPlugin;
+export type Kin = ReturnType<ReturnType<KinPlugin>>;
+/**
+ * Creates the Kin plugin
+ */
+export declare const kinPlugin: ({ serviceUrl, publishableKey, theme, starterPrompts }: KinPluginParams) => ({ logger }: {
+    apiClient: import('@inploi/sdk').ApiClient;
+    rpcClient: import('@inploi/sdk').InploiRpcClient;
+    logger: import('@inploi/sdk').Logger;
+    analytics: import('@inploi/sdk').AnalyticsService;
+}) => {
+    prepare: () => void;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    setTheme: (newTheme: KinTheme) => void;
+    destroy: () => void;
+};

package/dist/kin.state.d.ts

@@ -0,0 +1,58 @@
+export type Message = {
+    role: 'user' | 'assistant' | 'system';
+    content: string;
+    id: string;
+    timestamp: Date;
+};
+export type ConnectionState = 'idle' | 'connecting' | 'connected' | 'disconnected' | 'error';
+export declare const isOpen: import('@preact/signals').Signal<boolean>;
+export declare const isStreaming: import('@preact/signals').Signal<boolean>;
+export declare const connectionState: import('@preact/signals').Signal<ConnectionState>;
+export declare const hasUnreadMessages: import('@preact/signals').Signal<boolean>;
+export type UploadState = 'idle' | 'uploading' | 'processing' | 'success' | 'error';
+export declare const uploadState: import('@preact/signals').Signal<UploadState>;
+export declare const uploadError: import('@preact/signals').Signal<string | null>;
+export declare const uploadFileName: import('@preact/signals').Signal<string | null>;
+export declare const messages: import('@preact/signals').Signal<Message[]>;
+export declare const addMessage: (message: Omit<Message, "id" | "timestamp">) => void;
+export declare const appendToLastMessage: (content: string) => void;
+export declare const clearMessages: () => void;
+/**
+ * Set messages from history (replaces current messages)
+ */
+export declare const setMessages: (newMessages: Array<{
+    role: "user" | "assistant";
+    content: string;
+}>) => void;
+/**
+ * Broadcast current state to other tabs (call after streaming ends)
+ */
+export declare const syncToOtherTabs: () => void;
+export declare const setUploadState: (state: UploadState, fileName?: string, error?: string) => void;
+export declare const resetUploadState: () => void;
+/** Mark as having unread messages (call when new message arrives while closed) */
+export declare const setHasUnreadMessages: (hasUnread: boolean) => void;
+/** Clear unread indicator (call when user opens the chat) */
+export declare const clearUnreadMessages: () => void;
+export declare const store: {
+    isOpen: import('@preact/signals').Signal<boolean>;
+    isStreaming: import('@preact/signals').Signal<boolean>;
+    connectionState: import('@preact/signals').Signal<ConnectionState>;
+    messages: import('@preact/signals').Signal<Message[]>;
+    uploadState: import('@preact/signals').Signal<UploadState>;
+    uploadError: import('@preact/signals').Signal<string | null>;
+    uploadFileName: import('@preact/signals').Signal<string | null>;
+    hasUnreadMessages: import('@preact/signals').Signal<boolean>;
+    addMessage: (message: Omit<Message, "id" | "timestamp">) => void;
+    appendToLastMessage: (content: string) => void;
+    clearMessages: () => void;
+    setMessages: (newMessages: Array<{
+        role: "user" | "assistant";
+        content: string;
+    }>) => void;
+    syncToOtherTabs: () => void;
+    setUploadState: (state: UploadState, fileName?: string, error?: string) => void;
+    resetUploadState: () => void;
+    setHasUnreadMessages: (hasUnread: boolean) => void;
+    clearUnreadMessages: () => void;
+};

package/dist/kin.theme.d.ts

@@ -0,0 +1,39 @@
+export type KinTheme = {
+    /** Primary accent color as HEX (e.g., "#FF4D00") */
+    accentColor: string;
+    /** Light or dark mode */
+    mode: 'light' | 'dark';
+};
+/**
+ * Generates CSS custom properties for the theme
+ */
+export declare function generateThemeCss(theme: KinTheme): string;
+/**
+ * Default theme - Inploi Tangerine
+ */
+export declare const DEFAULT_THEME: KinTheme;
+/**
+ * Preset brand themes with exact HEX colors
+ */
+export declare const BRAND_THEMES: {
+    /** Inploi - Tangerine orange, light mode */
+    readonly inploi: {
+        readonly accentColor: "#FF4D00";
+        readonly mode: "light";
+    };
+    /** Boots - Deep navy blue, light mode */
+    readonly boots: {
+        readonly accentColor: "#05054b";
+        readonly mode: "light";
+    };
+    /** Wagamama - Red/orange, dark mode */
+    readonly wagamama: {
+        readonly accentColor: "#df3228";
+        readonly mode: "dark";
+    };
+    /** Gail's - Red, light mode */
+    readonly gails: {
+        readonly accentColor: "#cf2030";
+        readonly mode: "light";
+    };
+};

package/dist/mermaid-4DMBBIKO-807d8577.js

@@ -0,0 +1,5 @@
+import { t } from "./index-e5dbdc11.js";
+import "@inploi/sdk";
+export {
+  t as Mermaid
+};

package/dist/mermaid-4DMBBIKO-c9e92f22.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-ac748070.cjs");require("@inploi/sdk");exports.Mermaid=e.tt;

package/dist/plugin-kin.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-ac748070.cjs");require("@inploi/sdk");exports.BRAND_THEMES=e.BRAND_THEMES;exports.kinPlugin=e.kinPlugin;

package/dist/plugin-kin.js

@@ -0,0 +1,6 @@
+import { B as a, k } from "./index-e5dbdc11.js";
+import "@inploi/sdk";
+export {
+  a as BRAND_THEMES,
+  k as kinPlugin
+};

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@inploi/plugin-kin",
+  "version": "2.0.0",
+  "type": "module",
+  "description": "Kin - A unified Talent Agent interface for hiring. One system, many roles.",
+  "main": "dist/plugin-kin.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "/dist",
+    "/cdn"
+  ],
+  "exports": {
+    ".": {
+      "require": "./dist/plugin-kin.cjs",
+      "import": "./dist/plugin-kin.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./cdn": {
+      "import": "./cdn/index.js"
+    }
+  },
+  "peerDependencies": {
+    "@inploi/sdk": ">=1.16.0"
+  },
+  "devDependencies": {
+    "@preact/preset-vite": "2.5.0",
+    "@preact/signals": "1.2.2",
+    "@types/node": "^20.10.0",
+    "concurrently": "9.1.2",
+    "preact": "10.16.0",
+    "vite": "^4.4.5",
+    "vite-plugin-dts": "^3.7.0",
+    "vite-tsconfig-paths": "^4.2.1",
+    "@inploi/sdk": "1.16.0",
+    "tsconfig": "0.1.0"
+  },
+  "dependencies": {
+    "streamdown": "^2.1.0",
+    "@inploi/colors": "1.0.1"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build:cdn": "VITE_MOCKS=false vite build --mode=cdn",
+    "build:npm": "VITE_MOCKS=false vite build --mode=production",
+    "build": "concurrently 'pnpm build:npm' 'pnpm run build:cdn'",
+    "check": "tsc"
+  }
+}