@zantopia/zephyr-ui 0.1.0

package/README.md

@@ -0,0 +1,267 @@
+# 🦊 @zephyr/ui
+
+Embeddable AI assistant widget for any web project. Import `<Zephyr />` into React, Vue, or vanilla JS — configure everything via a single config file.
+
+## Installation
+
+```bash
+npm install @zephyr/ui
+```
+
+## Quick Start
+
+### React
+
+```tsx
+import { Zephyr } from '@zephyr/ui/react';
+
+function App() {
+  return (
+    <div>
+      <h1>Mon App</h1>
+      <Zephyr
+        server="http://localhost:8000"
+        theme="dark"
+        persona="friendly"
+        logo="zephyr-default"
+        accentColor="#ff6b35"
+      />
+    </div>
+  );
+}
+```
+
+### Vue 3
+
+```vue
+<script setup>
+import { Zephyr } from '@zephyr/ui/vue';
+</script>
+
+<template>
+  <div>
+    <h1>Mon App</h1>
+    <Zephyr
+      server="http://localhost:8000"
+      theme="dark"
+      persona="friendly"
+      logo="zephyr-default"
+      accent-color="#ff6b35"
+    />
+  </div>
+</template>
+```
+
+### Vanilla JS
+
+```js
+import { init } from '@zephyr/ui';
+
+init({
+  server: 'http://localhost:8000',
+  theme: 'dark',
+  persona: 'friendly',
+  logo: 'zephyr-default',
+  accentColor: '#ff6b35',
+});
+```
+
+## Configuration File
+
+Create a `zephyr.config.ts` in your project:
+
+```ts
+import { defineZephyrConfig } from '@zephyr/ui/config';
+
+export default defineZephyrConfig({
+  // Connection
+  server: 'http://localhost:8000',
+  apiKey: 'your-api-key',
+
+  // Appearance
+  logo: 'zephyr-default',    // Built-in or custom URL
+  persona: 'friendly',         // Built-in or custom object
+  theme: 'dark',               // 'dark' | 'light' | 'auto' | custom
+  accentColor: '#ff6b35',
+
+  // Animations
+  openAnimation: 'slide-up',   // Panel open animation
+  triggerAnimation: 'float',    // Trigger button animation
+
+  // Panel
+  panel: {
+    position: 'bottom-right',
+    size: 'md',
+    borderRadius: 16,
+    backdrop: false,
+    draggable: false,
+  },
+
+  // Content
+  language: 'fr',
+  greeting: 'Bonjour ! Comment puis-je vous aider ? 🦊',
+  placeholder: 'Posez une question...',
+  features: ['chat', 'guide', 'search'],
+});
+```
+
+Then use it:
+
+```tsx
+import config from './zephyr.config';
+import { Zephyr } from '@zephyr/ui/react';
+
+<Zephyr config={config} />
+```
+
+## Configuration Reference
+
+### Logo
+
+| Value | Description |
+|---|---|
+| `'zephyr-default'` | Official Zephyr fox logo |
+| `'https://...'` | Custom image URL |
+| `{ trigger: '...', header: '...' }` | Separate trigger & header images |
+
+### Persona
+
+| Value | Description |
+|---|---|
+| `'friendly'` | Warm, approachable (default) |
+| `'professional'` | Clean, business-like |
+| `'playful'` | Fun, animated |
+| `'futuristic'` | Sci-fi, cyber |
+| `{ name, avatar, avatarType }` | Custom persona (gif/svg/lottie/image) |
+
+### Theme
+
+| Value | Description |
+|---|---|
+| `'dark'` | Dark mode (default) |
+| `'light'` | Light mode |
+| `'auto'` | Follows system preference |
+| `{ background, surface, text, ... }` | Full custom theme object |
+
+### Open Animation
+
+`slide-up` · `slide-down` · `slide-left` · `slide-right` · `fade` · `scale` · `bounce` · `none`
+
+### Trigger Animation
+
+`float` · `pulse` · `bounce` · `glow` · `none`
+
+### Panel Position
+
+`bottom-right` · `bottom-left` · `top-right` · `top-left`
+
+### Panel Size
+
+| Size | Width | Height |
+|---|---|---|
+| `sm` | 320px | 440px |
+| `md` | 380px | 520px |
+| `lg` | 440px | 600px |
+
+## Runtime API
+
+### React Hook
+
+```tsx
+import { useZephyr } from '@zephyr/ui/react';
+
+function MyButton() {
+  const { send, toggle, setTheme, setPersona, isOpen } = useZephyr();
+
+  return (
+    <button onClick={() => toggle()}>
+      {isOpen() ? 'Close' : 'Open'} Zephyr
+    </button>
+  );
+}
+```
+
+### Vanilla JS
+
+```js
+import { init, getInstance, destroy } from '@zephyr/ui';
+
+const widget = init({ server: '...' });
+
+widget.toggle();
+widget.send('Hello!');
+widget.setTheme('light');
+widget.setAccentColor('#00bcd4');
+
+// Later:
+destroy();
+```
+
+## Backend Configuration
+
+Create `zephyr.server.yaml` in your project to configure the LLM backend:
+
+```yaml
+# Which LLM subscription to use
+provider: openai  # github-copilot | claude | openai | ollama
+
+# Provider settings
+openai:
+  api_key: ${OPENAI_API_KEY}
+  model: gpt-4o
+
+github-copilot:
+  token: ${GITHUB_TOKEN}
+  model: gpt-4o
+
+claude:
+  api_key: ${ANTHROPIC_API_KEY}
+  model: claude-sonnet-4-20250514
+
+ollama:
+  base_url: http://localhost:11434
+  model: llama3
+```
+
+## Dev Mode (MCP)
+
+For developers who want to debug UI with Copilot or Claude Code:
+
+1. Configure `.vscode/mcp.json`:
+
+```json
+{
+  "servers": {
+    "zephyr": {
+      "command": "python",
+      "args": ["-m", "mcp_server.server"],
+      "cwd": "${workspaceFolder}/ui-intelligence"
+    }
+  }
+}
+```
+
+2. Install the MCP server: `pip install mcp[cli]`
+
+3. Reload VS Code and use MCP tools in Copilot Chat:
+   - `capture_screenshot` — Visual page inspection
+   - `extract_dom` — DOM structure analysis
+   - `console_errors` — JavaScript error capture
+   - `performance_audit` — Perf metrics
+   - `accessibility_check` — A11y audit
+   - `visual_diff` — Regression detection
+   - `full_analysis` — Complete UI analysis
+
+## Exports Map
+
+| Import | Contents |
+|---|---|
+| `@zephyr/ui` | Everything: widget, types, config, themes |
+| `@zephyr/ui/react` | `<Zephyr />`, `ZephyrProvider`, `useZephyr()` |
+| `@zephyr/ui/vue` | `<Zephyr />` Vue component |
+| `@zephyr/ui/config` | `defineZephyrConfig()`, types |
+| `@zephyr/ui/themes` | Theme objects and helpers |
+
+## License
+
+MIT

package/dist/Zephyr-BupwOffR.js

@@ -0,0 +1,118 @@
+import { jsx as g } from "react/jsx-runtime";
+import { createContext as l, useContext as d, useRef as a, useEffect as r } from "react";
+import { Z as u } from "./widget-BjgCJR9K.js";
+const c = l({
+  config: null,
+  widget: null
+});
+function h({ config: t, children: e }) {
+  const n = a(null);
+  return /* @__PURE__ */ g(c.Provider, { value: { config: t, widget: n.current }, children: e });
+}
+function A() {
+  const t = a(null);
+  return {
+    send: (e) => {
+      var n;
+      return (n = t.current) == null ? void 0 : n.send(e);
+    },
+    open: () => {
+      var e;
+      return (e = t.current) == null ? void 0 : e.open();
+    },
+    close: () => {
+      var e;
+      return (e = t.current) == null ? void 0 : e.close();
+    },
+    toggle: () => {
+      var e;
+      return (e = t.current) == null ? void 0 : e.toggle();
+    },
+    setTheme: (e) => {
+      var n;
+      return (n = t.current) == null ? void 0 : n.setTheme(e);
+    },
+    setLogo: (e) => {
+      var n;
+      return (n = t.current) == null ? void 0 : n.setLogo(e);
+    },
+    setPersona: (e) => {
+      var n;
+      return (n = t.current) == null ? void 0 : n.setPersona(e);
+    },
+    setAccentColor: (e) => {
+      var n;
+      return (n = t.current) == null ? void 0 : n.setAccentColor(e);
+    },
+    getMessages: () => {
+      var e;
+      return ((e = t.current) == null ? void 0 : e.getMessages()) || [];
+    },
+    isOpen: () => {
+      var e;
+      return ((e = t.current) == null ? void 0 : e.getIsOpen()) || !1;
+    }
+  };
+}
+function w(t) {
+  const e = d(c), n = a(null);
+  a(null);
+  const i = f(e.config, t);
+  return r(() => {
+    if (!i.server) {
+      console.warn("[Zephyr] No server URL. Provide server prop or config.");
+      return;
+    }
+    const o = new u(i, {
+      onReady: t.onReady,
+      onMessage: t.onMessage,
+      onError: t.onError,
+      onToggle: t.onToggle
+    });
+    return o.mount(t.container || null), n.current = o, () => {
+      o.destroy(), n.current = null;
+    };
+  }, [i.server]), r(() => {
+    var o;
+    (o = n.current) == null || o.setTheme(i.theme);
+  }, [i.theme]), r(() => {
+    var o;
+    (o = n.current) == null || o.setAccentColor(i.accentColor || "#ff6b35");
+  }, [i.accentColor]), r(() => {
+    var o;
+    i.persona && ((o = n.current) == null || o.setPersona(i.persona));
+  }, [i.persona]), r(() => {
+    var o;
+    i.logo && ((o = n.current) == null || o.setLogo(i.logo));
+  }, [i.logo]), r(() => {
+    var o;
+    i.openAnimation && ((o = n.current) == null || o.setOpenAnimation(i.openAnimation));
+  }, [i.openAnimation]), r(() => {
+    var o;
+    i.triggerAnimation && ((o = n.current) == null || o.setTriggerAnimation(i.triggerAnimation));
+  }, [i.triggerAnimation]), null;
+}
+function f(t, e) {
+  var i;
+  const n = {
+    ...t || {},
+    ...e.config || {},
+    server: e.server || ((i = e.config) == null ? void 0 : i.server) || (t == null ? void 0 : t.server) || ""
+  };
+  return e.apiKey !== void 0 && (n.apiKey = e.apiKey), e.logo !== void 0 && (n.logo = e.logo), e.persona !== void 0 && (n.persona = e.persona), e.theme !== void 0 && (n.theme = e.theme), e.accentColor !== void 0 && (n.accentColor = e.accentColor), e.openAnimation !== void 0 && (n.openAnimation = e.openAnimation), e.triggerAnimation !== void 0 && (n.triggerAnimation = e.triggerAnimation), e.language !== void 0 && (n.language = e.language), e.greeting !== void 0 && (n.greeting = e.greeting), e.placeholder !== void 0 && (n.placeholder = e.placeholder), e.features !== void 0 && (n.features = e.features), e.startOpen !== void 0 && (n.startOpen = e.startOpen), e.showBadge !== void 0 && (n.showBadge = e.showBadge), e.customCSS !== void 0 && (n.customCSS = e.customCSS), e.container !== void 0 && (n.container = e.container), (e.position || e.size || e.panelWidth || e.panelHeight || e.panelBorderRadius || e.backdrop !== void 0 || e.zIndex) && (n.panel = {
+    ...n.panel,
+    ...e.position && { position: e.position },
+    ...e.size && { size: e.size },
+    ...e.panelWidth && { width: e.panelWidth },
+    ...e.panelHeight && { height: e.panelHeight },
+    ...e.panelBorderRadius != null && { borderRadius: e.panelBorderRadius },
+    ...e.backdrop !== void 0 && { backdrop: e.backdrop },
+    ...e.zIndex && { zIndex: e.zIndex }
+  }), n;
+}
+export {
+  w as Z,
+  h as a,
+  A as u
+};
+//# sourceMappingURL=Zephyr-BupwOffR.js.map

package/dist/Zephyr-BupwOffR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Zephyr-BupwOffR.js","sources":["../src/react/Zephyr.tsx"],"sourcesContent":["/**\n * 🦊 <Zephyr /> — React Component\n *\n * Usage:\n *   import { Zephyr } from '@zephyr/ui/react';\n *   // or: import { Zephyr } from '@zephyr/ui';\n *\n *   // Option A: Props-based (all config via props)\n *   <Zephyr server=\"http://localhost:8000\" persona=\"friendly\" theme=\"dark\" />\n *\n *   // Option B: Config-file based (uses zephyr.config.ts)\n *   import config from './zephyr.config';\n *   <Zephyr config={config} />\n *\n *   // Option C: Provider pattern (config shared across app)\n *   import { ZephyrProvider } from '@zephyr/ui/react';\n *   <ZephyrProvider config={config}><App /></ZephyrProvider>\n *   // Then anywhere: <Zephyr />\n */\n\nimport React, {\n  useEffect,\n  useRef,\n  useCallback,\n  createContext,\n  useContext,\n  type ReactNode,\n} from \"react\";\n\nimport type {\n  ZephyrConfig,\n  ZephyrTheme,\n  ZephyrLogo,\n  ZephyrPersona,\n  ZephyrOpenAnimation,\n  ZephyrTriggerAnimation,\n  ZephyrPosition,\n  ZephyrSize,\n  ZephyrFeature,\n} from \"../core/config\";\nimport { ZephyrWidget, type ZephyrMessage } from \"../core/widget\";\n\n// ─── Props ───────────────────────────────────────────────────\n\nexport interface ZephyrProps {\n  // ── Config object (takes precedence over individual props) ──\n  /** Full config object (from defineZephyrConfig) */\n  config?: ZephyrConfig;\n\n  // ── Individual props (override config) ─────────────────────\n  /** Zephyr server URL */\n  server?: string;\n  /** API key */\n  apiKey?: string;\n  /** Logo preset or custom */\n  logo?: ZephyrLogo;\n  /** Persona preset or custom */\n  persona?: ZephyrPersona;\n  /** Theme */\n  theme?: ZephyrTheme;\n  /** Accent color */\n  accentColor?: string;\n  /** Opening animation */\n  openAnimation?: ZephyrOpenAnimation;\n  /** Trigger button animation */\n  triggerAnimation?: ZephyrTriggerAnimation;\n  /** Position */\n  position?: ZephyrPosition;\n  /** Size */\n  size?: ZephyrSize;\n  /** Language */\n  language?: string;\n  /** Greeting message */\n  greeting?: string;\n  /** Input placeholder */\n  placeholder?: string;\n  /** Enabled features */\n  features?: ZephyrFeature[];\n  /** Start open */\n  startOpen?: boolean;\n  /** Show badge */\n  showBadge?: boolean;\n  /** Custom CSS */\n  customCSS?: string;\n  /** Mount container selector */\n  container?: string | null;\n  /** Panel width */\n  panelWidth?: number;\n  /** Panel height */\n  panelHeight?: number;\n  /** Panel border radius */\n  panelBorderRadius?: number;\n  /** Show backdrop */\n  backdrop?: boolean;\n  /** z-index */\n  zIndex?: number;\n\n  // ── Events ─────────────────────────────────────────────────\n  onReady?: () => void;\n  onMessage?: (msg: ZephyrMessage) => void;\n  onError?: (err: { message: string }) => void;\n  onToggle?: (open: boolean) => void;\n}\n\n// ─── Context ─────────────────────────────────────────────────\n\ninterface ZephyrContextValue {\n  config: ZephyrConfig | null;\n  widget: ZephyrWidget | null;\n}\n\nconst ZephyrContext = createContext<ZephyrContextValue>({\n  config: null,\n  widget: null,\n});\n\n// ─── Provider ────────────────────────────────────────────────\n\nexport interface ZephyrProviderProps {\n  config: ZephyrConfig;\n  children: ReactNode;\n}\n\nexport function ZephyrProvider({ config, children }: ZephyrProviderProps) {\n  const widgetRef = useRef<ZephyrWidget | null>(null);\n\n  return (\n    <ZephyrContext.Provider value={{ config, widget: widgetRef.current }}>\n      {children}\n    </ZephyrContext.Provider>\n  );\n}\n\n// ─── Hook ────────────────────────────────────────────────────\n\nexport interface UseZephyrReturn {\n  /** Send a message */\n  send: (text: string) => void;\n  /** Open the panel */\n  open: () => void;\n  /** Close the panel */\n  close: () => void;\n  /** Toggle the panel */\n  toggle: () => void;\n  /** Change theme */\n  setTheme: (theme: ZephyrTheme) => void;\n  /** Change logo */\n  setLogo: (logo: ZephyrLogo) => void;\n  /** Change persona */\n  setPersona: (persona: ZephyrPersona) => void;\n  /** Change accent color */\n  setAccentColor: (color: string) => void;\n  /** Get all messages */\n  getMessages: () => ZephyrMessage[];\n  /** Is the panel open? */\n  isOpen: () => boolean;\n}\n\n/**\n * Imperative access to the Zephyr widget instance.\n * Must be used in a component that renders <Zephyr />.\n */\nexport function useZephyr(): UseZephyrReturn {\n  const widgetRef = useRef<ZephyrWidget | null>(null);\n\n  return {\n    send: (text) => widgetRef.current?.send(text),\n    open: () => widgetRef.current?.open(),\n    close: () => widgetRef.current?.close(),\n    toggle: () => widgetRef.current?.toggle(),\n    setTheme: (t) => widgetRef.current?.setTheme(t),\n    setLogo: (l) => widgetRef.current?.setLogo(l),\n    setPersona: (p) => widgetRef.current?.setPersona(p),\n    setAccentColor: (c) => widgetRef.current?.setAccentColor(c),\n    getMessages: () => widgetRef.current?.getMessages() || [],\n    isOpen: () => widgetRef.current?.getIsOpen() || false,\n  };\n}\n\n// ─── Component ───────────────────────────────────────────────\n\n/**\n * <Zephyr /> — Renders the Zephyr chat widget.\n *\n * @example\n * ```tsx\n * import { Zephyr } from '@zephyr/ui/react';\n *\n * function App() {\n *   return (\n *     <div>\n *       <h1>My App</h1>\n *       <Zephyr\n *         server=\"http://localhost:8000\"\n *         persona=\"friendly\"\n *         theme=\"dark\"\n *         accentColor=\"#ff6b35\"\n *         openAnimation=\"bounce\"\n *       />\n *     </div>\n *   );\n * }\n * ```\n */\nexport function Zephyr(props: ZephyrProps) {\n  const context = useContext(ZephyrContext);\n  const widgetRef = useRef<ZephyrWidget | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // Merge: context config < config prop < individual props\n  const resolvedConfig = buildConfig(context.config, props);\n\n  // Mount effect\n  useEffect(() => {\n    if (!resolvedConfig.server) {\n      console.warn(\"[Zephyr] No server URL. Provide server prop or config.\");\n      return;\n    }\n\n    const widget = new ZephyrWidget(resolvedConfig, {\n      onReady: props.onReady,\n      onMessage: props.onMessage,\n      onError: props.onError,\n      onToggle: props.onToggle,\n    });\n\n    widget.mount(props.container || null);\n    widgetRef.current = widget;\n\n    return () => {\n      widget.destroy();\n      widgetRef.current = null;\n    };\n    // Intentionally only depend on server — other changes are handled by watchers below\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [resolvedConfig.server]);\n\n  // Watch runtime changes\n  useEffect(() => {\n    widgetRef.current?.setTheme(resolvedConfig.theme);\n  }, [resolvedConfig.theme]);\n\n  useEffect(() => {\n    widgetRef.current?.setAccentColor(resolvedConfig.accentColor || \"#ff6b35\");\n  }, [resolvedConfig.accentColor]);\n\n  useEffect(() => {\n    if (resolvedConfig.persona) {\n      widgetRef.current?.setPersona(resolvedConfig.persona);\n    }\n  }, [resolvedConfig.persona]);\n\n  useEffect(() => {\n    if (resolvedConfig.logo) {\n      widgetRef.current?.setLogo(resolvedConfig.logo);\n    }\n  }, [resolvedConfig.logo]);\n\n  useEffect(() => {\n    if (resolvedConfig.openAnimation) {\n      widgetRef.current?.setOpenAnimation(resolvedConfig.openAnimation);\n    }\n  }, [resolvedConfig.openAnimation]);\n\n  useEffect(() => {\n    if (resolvedConfig.triggerAnimation) {\n      widgetRef.current?.setTriggerAnimation(resolvedConfig.triggerAnimation);\n    }\n  }, [resolvedConfig.triggerAnimation]);\n\n  // The widget renders itself to the DOM — this component is just a lifecycle manager\n  return null;\n}\n\n// ─── Utility ─────────────────────────────────────────────────\n\nfunction buildConfig(\n  contextConfig: ZephyrConfig | null,\n  props: ZephyrProps\n): ZephyrConfig {\n  const base: ZephyrConfig = {\n    ...(contextConfig || {}),\n    ...(props.config || {}),\n    server: props.server || props.config?.server || contextConfig?.server || \"\",\n  };\n\n  // Override with individual props\n  if (props.apiKey !== undefined) base.apiKey = props.apiKey;\n  if (props.logo !== undefined) base.logo = props.logo;\n  if (props.persona !== undefined) base.persona = props.persona;\n  if (props.theme !== undefined) base.theme = props.theme;\n  if (props.accentColor !== undefined) base.accentColor = props.accentColor;\n  if (props.openAnimation !== undefined) base.openAnimation = props.openAnimation;\n  if (props.triggerAnimation !== undefined) base.triggerAnimation = props.triggerAnimation;\n  if (props.language !== undefined) base.language = props.language;\n  if (props.greeting !== undefined) base.greeting = props.greeting;\n  if (props.placeholder !== undefined) base.placeholder = props.placeholder;\n  if (props.features !== undefined) base.features = props.features;\n  if (props.startOpen !== undefined) base.startOpen = props.startOpen;\n  if (props.showBadge !== undefined) base.showBadge = props.showBadge;\n  if (props.customCSS !== undefined) base.customCSS = props.customCSS;\n  if (props.container !== undefined) base.container = props.container;\n\n  // Panel overrides\n  if (props.position || props.size || props.panelWidth || props.panelHeight ||\n      props.panelBorderRadius || props.backdrop !== undefined || props.zIndex) {\n    base.panel = {\n      ...base.panel,\n      ...(props.position && { position: props.position }),\n      ...(props.size && { size: props.size }),\n      ...(props.panelWidth && { width: props.panelWidth }),\n      ...(props.panelHeight && { height: props.panelHeight }),\n      ...(props.panelBorderRadius != null && { borderRadius: props.panelBorderRadius }),\n      ...(props.backdrop !== undefined && { backdrop: props.backdrop }),\n      ...(props.zIndex && { zIndex: props.zIndex }),\n    };\n  }\n\n  return base;\n}\n"],"names":["ZephyrContext","createContext","ZephyrProvider","config","children","widgetRef","useRef","jsx","useZephyr","text","_a","t","l","p","c","Zephyr","props","context","useContext","resolvedConfig","buildConfig","useEffect","widget","ZephyrWidget","contextConfig","base"],"mappings":"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"}

package/dist/core/animations.d.ts

@@ -0,0 +1,18 @@
+import { ZephyrOpenAnimation, ZephyrTriggerAnimation } from './config';
+
+export interface AnimationKeyframes {
+    open: string;
+    close: string;
+}
+export declare const OPEN_ANIMATIONS: Record<ZephyrOpenAnimation, AnimationKeyframes>;
+export declare const TRIGGER_ANIMATIONS: Record<ZephyrTriggerAnimation, string>;
+/** Get CSS keyframes for a given open animation preset */
+export declare function getOpenAnimationCSS(preset: ZephyrOpenAnimation): string;
+/** Get animation name for panel open */
+export declare function getOpenAnimationName(preset: ZephyrOpenAnimation): string;
+/** Get animation name for panel close */
+export declare function getCloseAnimationName(preset: ZephyrOpenAnimation): string;
+/** Get CSS keyframes for a given trigger animation preset */
+export declare function getTriggerAnimationCSS(preset: ZephyrTriggerAnimation): string;
+/** Get animation name for trigger */
+export declare function getTriggerAnimationName(preset: ZephyrTriggerAnimation): string;

package/dist/core/config.d.ts

@@ -0,0 +1,154 @@
+/**
+ * 🦊 Zephyr Configuration System
+ *
+ * Usage in your project:
+ *
+ *   // zephyr.config.ts
+ *   import { defineZephyrConfig } from '@zephyr/ui/config';
+ *
+ *   export default defineZephyrConfig({
+ *     server: 'https://your-zephyr-server.com',
+ *     logo: 'zephyr-default',
+ *     persona: 'friendly',
+ *     theme: 'dark',
+ *     openAnimation: 'slide-up',
+ *   });
+ */
+/** Built-in logo preset. Pass a URL string or object for custom logos. */
+export type ZephyrLogoPreset = "zephyr-default";
+export interface ZephyrCustomLogo {
+    /** URL or imported asset for the trigger button icon */
+    trigger: string;
+    /** URL or imported asset for the chat header avatar (optional, defaults to trigger) */
+    header?: string;
+    /** Alt text */
+    alt?: string;
+}
+export type ZephyrLogo = ZephyrLogoPreset | ZephyrCustomLogo | string;
+/** Built-in persona presets for the chat avatar animations */
+export type ZephyrPersonaPreset = "friendly" | "professional" | "playful" | "futuristic";
+export interface ZephyrCustomPersona {
+    /** Display name */
+    name: string;
+    /** Avatar (Lottie URL, GIF URL, SVG string, or image URL) */
+    avatar: string;
+    /** Avatar format */
+    avatarType?: "lottie" | "gif" | "svg" | "image";
+    /** Idle animation (Lottie/GIF for when the bot is waiting) */
+    idle?: string;
+    /** Thinking animation */
+    thinking?: string;
+    /** Speaking animation */
+    speaking?: string;
+}
+export type ZephyrPersona = ZephyrPersonaPreset | ZephyrCustomPersona;
+export type ZephyrOpenAnimation = "slide-up" | "slide-down" | "slide-left" | "slide-right" | "fade" | "scale" | "bounce" | "none";
+export type ZephyrTriggerAnimation = "float" | "pulse" | "bounce" | "glow" | "none";
+export type ZephyrThemePreset = "dark" | "light" | "auto";
+export interface ZephyrCustomTheme {
+    /** Background color of the panel */
+    background: string;
+    /** Surface color (header, input area) */
+    surface: string;
+    /** Primary text color */
+    text: string;
+    /** Muted/secondary text */
+    muted: string;
+    /** Border color */
+    border: string;
+    /** User message bubble color (defaults to accentColor) */
+    userBubble?: string;
+    /** User message text color */
+    userText?: string;
+    /** Bot message bubble color */
+    botBubble?: string;
+    /** Bot message text color */
+    botText?: string;
+}
+export type ZephyrTheme = ZephyrThemePreset | ZephyrCustomTheme;
+export type ZephyrPosition = "bottom-right" | "bottom-left" | "top-right" | "top-left";
+export type ZephyrSize = "sm" | "md" | "lg";
+export interface ZephyrPanelConfig {
+    /** Position of the widget trigger + panel */
+    position?: ZephyrPosition;
+    /** Panel size preset */
+    size?: ZephyrSize;
+    /** Custom width in px (overrides size) */
+    width?: number;
+    /** Custom height in px (overrides size) */
+    height?: number;
+    /** Border radius in px */
+    borderRadius?: number;
+    /** Show backdrop overlay when open */
+    backdrop?: boolean;
+    /** Custom z-index */
+    zIndex?: number;
+    /** Draggable trigger */
+    draggable?: boolean;
+}
+export type ZephyrFeature = "chat" | "guide" | "search" | "onboarding";
+export interface ZephyrConfig {
+    /** Zephyr backend server URL */
+    server: string;
+    /** API key for authentication */
+    apiKey?: string;
+    /** Logo for the trigger button + header */
+    logo?: ZephyrLogo;
+    /** Animated persona in the chat */
+    persona?: ZephyrPersona;
+    /** Theme (dark/light/auto or custom) */
+    theme?: ZephyrTheme;
+    /** Accent color (hex) */
+    accentColor?: string;
+    /** Animation when the chat panel opens */
+    openAnimation?: ZephyrOpenAnimation;
+    /** Animation of the trigger button when idle */
+    triggerAnimation?: ZephyrTriggerAnimation;
+    /** Panel layout & positioning */
+    panel?: ZephyrPanelConfig;
+    /** Language ('fr', 'en', etc.) */
+    language?: string;
+    /** Custom greeting message */
+    greeting?: string;
+    /** Input placeholder text */
+    placeholder?: string;
+    /** Enabled features */
+    features?: ZephyrFeature[];
+    /** Start with panel open */
+    startOpen?: boolean;
+    /** Show unread badge on trigger */
+    showBadge?: boolean;
+    /** Custom CSS to inject */
+    customCSS?: string;
+    /** Mount inside a specific container selector (null = body) */
+    container?: string | null;
+}
+export declare const ZEPHYR_DEFAULTS: Required<Pick<ZephyrConfig, "logo" | "persona" | "theme" | "accentColor" | "openAnimation" | "triggerAnimation" | "language" | "features" | "startOpen" | "showBadge">> & {
+    panel: Required<ZephyrPanelConfig>;
+};
+/**
+ * Define your Zephyr config with full type-safety & autocompletion.
+ *
+ * @example
+ * ```ts
+ * // zephyr.config.ts
+ * import { defineZephyrConfig } from '@zephyr/ui/config';
+ *
+ * export default defineZephyrConfig({
+ *   server: 'http://localhost:8000',
+ *   logo: 'zephyr-minimal',
+ *   persona: 'professional',
+ *   theme: 'dark',
+ *   accentColor: '#6c63ff',
+ *   openAnimation: 'scale',
+ *   panel: {
+ *     position: 'bottom-right',
+ *     size: 'lg',
+ *     backdrop: true,
+ *   },
+ * });
+ * ```
+ */
+export declare function defineZephyrConfig(config: ZephyrConfig): ZephyrConfig;
+/** Merge user config with defaults */
+export declare function resolveConfig(userConfig: ZephyrConfig): ZephyrConfig & typeof ZEPHYR_DEFAULTS;

package/dist/core/config.js

@@ -0,0 +1,41 @@
+const a = {
+  logo: "zephyr-default",
+  persona: "friendly",
+  theme: "dark",
+  accentColor: "#ff6b35",
+  openAnimation: "slide-up",
+  triggerAnimation: "float",
+  language: "fr",
+  features: ["chat", "guide", "search"],
+  startOpen: !1,
+  showBadge: !0,
+  panel: {
+    position: "bottom-right",
+    size: "md",
+    width: 380,
+    height: 520,
+    borderRadius: 16,
+    backdrop: !1,
+    zIndex: 99999,
+    draggable: !1
+  }
+};
+function n(e) {
+  return e;
+}
+function t(e) {
+  return {
+    ...a,
+    ...e,
+    panel: {
+      ...a.panel,
+      ...e.panel
+    }
+  };
+}
+export {
+  a as ZEPHYR_DEFAULTS,
+  n as defineZephyrConfig,
+  t as resolveConfig
+};
+//# sourceMappingURL=config.js.map

package/dist/core/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../src/core/config.ts"],"sourcesContent":["/**\n * 🦊 Zephyr Configuration System\n *\n * Usage in your project:\n *\n *   // zephyr.config.ts\n *   import { defineZephyrConfig } from '@zephyr/ui/config';\n *\n *   export default defineZephyrConfig({\n *     server: 'https://your-zephyr-server.com',\n *     logo: 'zephyr-default',\n *     persona: 'friendly',\n *     theme: 'dark',\n *     openAnimation: 'slide-up',\n *   });\n */\n\n// ─── Logo ────────────────────────────────────────────────────\n\n/** Built-in logo preset. Pass a URL string or object for custom logos. */\nexport type ZephyrLogoPreset = \"zephyr-default\";\n\nexport interface ZephyrCustomLogo {\n  /** URL or imported asset for the trigger button icon */\n  trigger: string;\n  /** URL or imported asset for the chat header avatar (optional, defaults to trigger) */\n  header?: string;\n  /** Alt text */\n  alt?: string;\n}\n\nexport type ZephyrLogo = ZephyrLogoPreset | ZephyrCustomLogo | string;\n\n// ─── Persona ─────────────────────────────────────────────────\n\n/** Built-in persona presets for the chat avatar animations */\nexport type ZephyrPersonaPreset =\n  | \"friendly\"\n  | \"professional\"\n  | \"playful\"\n  | \"futuristic\";\n\nexport interface ZephyrCustomPersona {\n  /** Display name */\n  name: string;\n  /** Avatar (Lottie URL, GIF URL, SVG string, or image URL) */\n  avatar: string;\n  /** Avatar format */\n  avatarType?: \"lottie\" | \"gif\" | \"svg\" | \"image\";\n  /** Idle animation (Lottie/GIF for when the bot is waiting) */\n  idle?: string;\n  /** Thinking animation */\n  thinking?: string;\n  /** Speaking animation */\n  speaking?: string;\n}\n\nexport type ZephyrPersona = ZephyrPersonaPreset | ZephyrCustomPersona;\n\n// ─── Animations ──────────────────────────────────────────────\n\nexport type ZephyrOpenAnimation =\n  | \"slide-up\"\n  | \"slide-down\"\n  | \"slide-left\"\n  | \"slide-right\"\n  | \"fade\"\n  | \"scale\"\n  | \"bounce\"\n  | \"none\";\n\nexport type ZephyrTriggerAnimation =\n  | \"float\"\n  | \"pulse\"\n  | \"bounce\"\n  | \"glow\"\n  | \"none\";\n\n// ─── Theme ───────────────────────────────────────────────────\n\nexport type ZephyrThemePreset = \"dark\" | \"light\" | \"auto\";\n\nexport interface ZephyrCustomTheme {\n  /** Background color of the panel */\n  background: string;\n  /** Surface color (header, input area) */\n  surface: string;\n  /** Primary text color */\n  text: string;\n  /** Muted/secondary text */\n  muted: string;\n  /** Border color */\n  border: string;\n  /** User message bubble color (defaults to accentColor) */\n  userBubble?: string;\n  /** User message text color */\n  userText?: string;\n  /** Bot message bubble color */\n  botBubble?: string;\n  /** Bot message text color */\n  botText?: string;\n}\n\nexport type ZephyrTheme = ZephyrThemePreset | ZephyrCustomTheme;\n\n// ─── Panel ───────────────────────────────────────────────────\n\nexport type ZephyrPosition =\n  | \"bottom-right\"\n  | \"bottom-left\"\n  | \"top-right\"\n  | \"top-left\";\n\nexport type ZephyrSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ZephyrPanelConfig {\n  /** Position of the widget trigger + panel */\n  position?: ZephyrPosition;\n  /** Panel size preset */\n  size?: ZephyrSize;\n  /** Custom width in px (overrides size) */\n  width?: number;\n  /** Custom height in px (overrides size) */\n  height?: number;\n  /** Border radius in px */\n  borderRadius?: number;\n  /** Show backdrop overlay when open */\n  backdrop?: boolean;\n  /** Custom z-index */\n  zIndex?: number;\n  /** Draggable trigger */\n  draggable?: boolean;\n}\n\n// ─── Features ────────────────────────────────────────────────\n\nexport type ZephyrFeature = \"chat\" | \"guide\" | \"search\" | \"onboarding\";\n\n// ─── Full Config ─────────────────────────────────────────────\n\nexport interface ZephyrConfig {\n  // ── Connection ──────────────────────────────────────────\n  /** Zephyr backend server URL */\n  server: string;\n  /** API key for authentication */\n  apiKey?: string;\n\n  // ── Appearance ──────────────────────────────────────────\n  /** Logo for the trigger button + header */\n  logo?: ZephyrLogo;\n  /** Animated persona in the chat */\n  persona?: ZephyrPersona;\n  /** Theme (dark/light/auto or custom) */\n  theme?: ZephyrTheme;\n  /** Accent color (hex) */\n  accentColor?: string;\n\n  // ── Animations ──────────────────────────────────────────\n  /** Animation when the chat panel opens */\n  openAnimation?: ZephyrOpenAnimation;\n  /** Animation of the trigger button when idle */\n  triggerAnimation?: ZephyrTriggerAnimation;\n\n  // ── Panel ───────────────────────────────────────────────\n  /** Panel layout & positioning */\n  panel?: ZephyrPanelConfig;\n\n  // ── Content ─────────────────────────────────────────────\n  /** Language ('fr', 'en', etc.) */\n  language?: string;\n  /** Custom greeting message */\n  greeting?: string;\n  /** Input placeholder text */\n  placeholder?: string;\n\n  // ── Features ────────────────────────────────────────────\n  /** Enabled features */\n  features?: ZephyrFeature[];\n  /** Start with panel open */\n  startOpen?: boolean;\n  /** Show unread badge on trigger */\n  showBadge?: boolean;\n\n  // ── Advanced ────────────────────────────────────────────\n  /** Custom CSS to inject */\n  customCSS?: string;\n  /** Mount inside a specific container selector (null = body) */\n  container?: string | null;\n}\n\n// ─── Defaults ────────────────────────────────────────────────\n\nexport const ZEPHYR_DEFAULTS: Required<\n  Pick<\n    ZephyrConfig,\n    | \"logo\"\n    | \"persona\"\n    | \"theme\"\n    | \"accentColor\"\n    | \"openAnimation\"\n    | \"triggerAnimation\"\n    | \"language\"\n    | \"features\"\n    | \"startOpen\"\n    | \"showBadge\"\n  >\n> & { panel: Required<ZephyrPanelConfig> } = {\n  logo: \"zephyr-default\",\n  persona: \"friendly\",\n  theme: \"dark\",\n  accentColor: \"#ff6b35\",\n  openAnimation: \"slide-up\",\n  triggerAnimation: \"float\",\n  language: \"fr\",\n  features: [\"chat\", \"guide\", \"search\"],\n  startOpen: false,\n  showBadge: true,\n  panel: {\n    position: \"bottom-right\",\n    size: \"md\",\n    width: 380,\n    height: 520,\n    borderRadius: 16,\n    backdrop: false,\n    zIndex: 99999,\n    draggable: false,\n  },\n};\n\n// ─── Helper ──────────────────────────────────────────────────\n\n/**\n * Define your Zephyr config with full type-safety & autocompletion.\n *\n * @example\n * ```ts\n * // zephyr.config.ts\n * import { defineZephyrConfig } from '@zephyr/ui/config';\n *\n * export default defineZephyrConfig({\n *   server: 'http://localhost:8000',\n *   logo: 'zephyr-minimal',\n *   persona: 'professional',\n *   theme: 'dark',\n *   accentColor: '#6c63ff',\n *   openAnimation: 'scale',\n *   panel: {\n *     position: 'bottom-right',\n *     size: 'lg',\n *     backdrop: true,\n *   },\n * });\n * ```\n */\nexport function defineZephyrConfig(config: ZephyrConfig): ZephyrConfig {\n  return config;\n}\n\n/** Merge user config with defaults */\nexport function resolveConfig(\n  userConfig: ZephyrConfig\n): ZephyrConfig & typeof ZEPHYR_DEFAULTS {\n  return {\n    ...ZEPHYR_DEFAULTS,\n    ...userConfig,\n    panel: {\n      ...ZEPHYR_DEFAULTS.panel,\n      ...userConfig.panel,\n    },\n  };\n}\n"],"names":["ZEPHYR_DEFAULTS","defineZephyrConfig","config","resolveConfig","userConfig"],"mappings":"AAgMO,MAAMA,IAcgC;AAAA,EAC3C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AAAA,EACb,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,UAAU,CAAC,QAAQ,SAAS,QAAQ;AAAA,EACpC,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,WAAW;AAAA,EAAA;AAEf;AA2BO,SAASC,EAAmBC,GAAoC;AACrE,SAAOA;AACT;AAGO,SAASC,EACdC,GACuC;AACvC,SAAO;AAAA,IACL,GAAGJ;AAAA,IACH,GAAGI;AAAA,IACH,OAAO;AAAA,MACL,GAAGJ,EAAgB;AAAA,MACnB,GAAGI,EAAW;AAAA,IAAA;AAAA,EAChB;AAEJ;"}