@ulearning/ai-sdk 0.0.0-stage → 1.0.0-next.0

package/dist/utils/smooth/useSmooth.js

@@ -0,0 +1,144 @@
+"use client";
+import { writableStore } from "../../context/ReadonlyStore.js";
+import { useMediaQuery } from "../hooks/useMediaQuery.js";
+import { useSmoothStatusStore } from "./SmoothContext.js";
+import { computed, shallowRef, toValue, watch, watchEffect } from "vue";
+import { useAui, useAuiState } from "@ulearning/ai-store";
+import { useIsomorphicLayoutEffect } from "@ulearning/ai-store/internal";
+// src/utils/smooth/useSmooth.ts
+const DEFAULT_DRAIN_MS = 250;
+const DEFAULT_MAX_CHAR_INTERVAL_MS = 5;
+var TextStreamAnimator = class {
+	animationFrameId = null;
+	lastUpdateTime = 0;
+	lastCommitTime = -Infinity;
+	targetText = "";
+	drainMs = DEFAULT_DRAIN_MS;
+	maxCharIntervalMs = DEFAULT_MAX_CHAR_INTERVAL_MS;
+	maxCharsPerFrame = Infinity;
+	minCommitMs = 0;
+	currentText;
+	setText;
+	constructor(currentText, setText) {
+		this.currentText = currentText;
+		this.setText = setText;
+	}
+	start() {
+		if (this.animationFrameId !== null) return;
+		this.lastUpdateTime = performance.now();
+		this.animate();
+	}
+	stop() {
+		if (this.animationFrameId !== null) {
+			cancelAnimationFrame(this.animationFrameId);
+			this.animationFrameId = null;
+		}
+	}
+	animate = () => {
+		const currentTime = performance.now();
+		let timeToConsume = currentTime - this.lastUpdateTime;
+		const remainingChars = this.targetText.length - this.currentText.length;
+		const baseTimePerChar = Math.min(this.maxCharIntervalMs, this.drainMs / remainingChars);
+		const frameLimit = Math.min(remainingChars, this.maxCharsPerFrame);
+		let charsToAdd = 0;
+		while (timeToConsume >= baseTimePerChar && charsToAdd < frameLimit) {
+			charsToAdd++;
+			timeToConsume -= baseTimePerChar;
+		}
+		if (charsToAdd === frameLimit && frameLimit === this.maxCharsPerFrame) timeToConsume = 0;
+		if (charsToAdd !== remainingChars) this.animationFrameId = requestAnimationFrame(this.animate);
+		else this.animationFrameId = null;
+		if (charsToAdd === 0) return;
+		this.currentText = this.targetText.slice(0, this.currentText.length + charsToAdd);
+		this.lastUpdateTime = currentTime - timeToConsume;
+		if (charsToAdd === remainingChars || currentTime - this.lastCommitTime >= this.minCommitMs) {
+			this.lastCommitTime = currentTime;
+			this.setText(this.currentText);
+		}
+	};
+};
+const SMOOTH_STATUS = Object.freeze({ type: "running" });
+const positiveOr = (value, fallback) => value !== void 0 && value > 0 ? value : fallback;
+const useSmooth = (state, smooth = false) => {
+	const reduceMotion = useMediaQuery("(prefers-reduced-motion: reduce)");
+	const enabled = computed(() => {
+		const option = toValue(smooth);
+		return option !== false && option !== null && !reduceMotion.value;
+	});
+	const aui = useAui();
+	const part = useAuiState(() => aui.part);
+	const initial = toValue(state);
+	const displayedText = shallowRef(initial.status.type === "running" ? "" : initial.text);
+	const animator = new TextStreamAnimator(displayedText.value, (text) => {
+		displayedText.value = text;
+	});
+	const smoothStatusStore = useSmoothStatusStore({ optional: true });
+	let previousPart = part.value;
+	useIsomorphicLayoutEffect(() => {
+		const stopAnimation = watch(() => [
+			toValue(state),
+			toValue(smooth),
+			part.value,
+			enabled.value
+		], ([current, option, currentPart, active]) => {
+			const options = typeof option === "object" && option !== null ? option : void 0;
+			animator.drainMs = positiveOr(options?.drainMs, DEFAULT_DRAIN_MS);
+			animator.maxCharIntervalMs = positiveOr(options?.maxCharIntervalMs, DEFAULT_MAX_CHAR_INTERVAL_MS);
+			animator.maxCharsPerFrame = positiveOr(options?.maxCharsPerFrame, Infinity);
+			animator.minCommitMs = positiveOr(options?.minCommitMs, 0);
+			const partChanged = previousPart !== currentPart;
+			previousPart = currentPart;
+			const text = current.text;
+			if (!active) {
+				animator.stop();
+				animator.currentText = text;
+				animator.targetText = text;
+				animator.lastCommitTime = -Infinity;
+				displayedText.value = text;
+				return;
+			}
+			if (partChanged || !text.startsWith(animator.targetText)) {
+				animator.stop();
+				animator.lastCommitTime = -Infinity;
+				animator.currentText = current.status.type === "running" ? "" : text;
+				displayedText.value = animator.currentText;
+			}
+			animator.targetText = text;
+			if (current.status.type !== "running" && animator.currentText === "") {
+				animator.stop();
+				animator.currentText = text;
+				displayedText.value = text;
+				return;
+			}
+			displayedText.value = animator.currentText;
+			if (animator.currentText !== text) animator.start();
+			else animator.stop();
+		}, {
+			immediate: true,
+			flush: "sync"
+		});
+		const stopStatus = watchEffect(() => {
+			if (!smoothStatusStore) return;
+			const current = toValue(state);
+			const target = enabled.value && (displayedText.value !== current.text || current.status.type === "running") ? SMOOTH_STATUS : current.status;
+			writableStore(smoothStatusStore).setState(target, true);
+		}, { flush: "sync" });
+		return () => {
+			stopAnimation();
+			stopStatus();
+			animator.stop();
+		};
+	}, []);
+	return computed(() => {
+		const current = toValue(state);
+		if (!enabled.value) return current;
+		return {
+			...current,
+			text: displayedText.value,
+			status: current.text === displayedText.value ? current.status : SMOOTH_STATUS
+		};
+	});
+};
+export { useSmooth };
+
+//# sourceMappingURL=useSmooth.js.map

package/dist/utils/smooth/useSmooth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSmooth.js","names":[],"sources":["../../../src/utils/smooth/useSmooth.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  computed,\n  shallowRef,\n  toValue,\n  watch,\n  watchEffect,\n  type MaybeRefOrGetter,\n} from \"vue\";\nimport { useAui, useAuiState } from \"@ulearning/ai-store\";\nimport type {\n  MessagePartStatus,\n  ReasoningMessagePart,\n  TextMessagePart,\n  MessagePartState,\n} from \"@ulearning/ai-core\";\n\nimport { useMediaQuery } from \"../hooks/useMediaQuery\";\nimport { useSmoothStatusStore } from \"./SmoothContext\";\nimport { useIsomorphicLayoutEffect } from \"@ulearning/ai-store/internal\";\nimport { writableStore } from \"../../context/ReadonlyStore\";\n\n/**\n * Tuning options for the smooth text streaming animation.\n */\nexport type SmoothOptions = {\n  /**\n   * Target time in milliseconds to drain the backlog of unrevealed\n   * characters. Larger values reveal long backlogs more gradually.\n   * @default 250\n   */\n  drainMs?: number | undefined;\n  /**\n   * Maximum time in milliseconds between revealed characters, i.e. the\n   * slowest reveal rate when the backlog is short.\n   * @default 5\n   */\n  maxCharIntervalMs?: number | undefined;\n  /**\n   * Maximum number of characters revealed per animation frame.\n   * @default Infinity\n   */\n  maxCharsPerFrame?: number | undefined;\n  /**\n   * Minimum time in milliseconds between committed updates. The reveal keeps\n   * advancing every frame, but the visible text (and the downstream re-render\n   * and markdown re-parse it triggers) is committed at most once per interval.\n   * The final frame always commits. `0` commits every frame.\n   * @default 0\n   */\n  minCommitMs?: number | undefined;\n};\n\nconst DEFAULT_DRAIN_MS = 250;\nconst DEFAULT_MAX_CHAR_INTERVAL_MS = 5;\n\nclass TextStreamAnimator {\n  private animationFrameId: number | null = null;\n  private lastUpdateTime: number = 0;\n  public lastCommitTime: number = -Infinity;\n\n  public targetText: string = \"\";\n  public drainMs: number = DEFAULT_DRAIN_MS;\n  public maxCharIntervalMs: number = DEFAULT_MAX_CHAR_INTERVAL_MS;\n  public maxCharsPerFrame: number = Infinity;\n  public minCommitMs: number = 0;\n\n  public currentText: string;\n  private setText: (newText: string) => void;\n\n  constructor(currentText: string, setText: (newText: string) => void) {\n    this.currentText = currentText;\n    this.setText = setText;\n  }\n\n  start() {\n    if (this.animationFrameId !== null) return;\n    this.lastUpdateTime = performance.now();\n    this.animate();\n  }\n\n  stop() {\n    if (this.animationFrameId !== null) {\n      cancelAnimationFrame(this.animationFrameId);\n      this.animationFrameId = null;\n    }\n  }\n\n  private animate = () => {\n    const currentTime = performance.now();\n    const deltaTime = currentTime - this.lastUpdateTime;\n    let timeToConsume = deltaTime;\n\n    const remainingChars = this.targetText.length - this.currentText.length;\n    const baseTimePerChar = Math.min(\n      this.maxCharIntervalMs,\n      this.drainMs / remainingChars,\n    );\n\n    const frameLimit = Math.min(remainingChars, this.maxCharsPerFrame);\n    let charsToAdd = 0;\n    while (timeToConsume >= baseTimePerChar && charsToAdd < frameLimit) {\n      charsToAdd++;\n      timeToConsume -= baseTimePerChar;\n    }\n    // A cap-limited frame must not bank its surplus time, or the next\n    // frame would burst past the cap.\n    if (charsToAdd === frameLimit && frameLimit === this.maxCharsPerFrame) {\n      timeToConsume = 0;\n    }\n\n    if (charsToAdd !== remainingChars) {\n      this.animationFrameId = requestAnimationFrame(this.animate);\n    } else {\n      this.animationFrameId = null;\n    }\n    if (charsToAdd === 0) return;\n\n    this.currentText = this.targetText.slice(\n      0,\n      this.currentText.length + charsToAdd,\n    );\n    this.lastUpdateTime = currentTime - timeToConsume;\n\n    const isComplete = charsToAdd === remainingChars;\n    if (isComplete || currentTime - this.lastCommitTime >= this.minCommitMs) {\n      this.lastCommitTime = currentTime;\n      this.setText(this.currentText);\n    }\n  };\n}\n\nconst SMOOTH_STATUS: MessagePartStatus = Object.freeze({\n  type: \"running\",\n});\n\nconst positiveOr = (value: number | undefined, fallback: number): number =>\n  value !== undefined && value > 0 ? value : fallback;\n\n/**\n * Animates streamed message part text with a typewriter-style reveal.\n *\n * Takes the current part state and a `smooth` argument: `false` disables,\n * `true` uses the default rate, and a {@link SmoothOptions} object tunes\n * the reveal. Returns the part state with `text` replaced by the revealed\n * prefix and `status` reporting `running` until the reveal catches up.\n * If the source settles before any character has been revealed, the text\n * is committed immediately so a missed animation frame cannot leave an\n * empty bubble.\n *\n * The reveal auto-disables under `prefers-reduced-motion: reduce`,\n * committing the full text immediately; this takes precedence over an\n * explicit `smooth={true}`.\n *\n * @example\n * ```tsx\n * const { text, status } = useSmooth(useMessagePartText(), {\n *   drainMs: 500,\n *   maxCharsPerFrame: 30,\n * });\n * ```\n */\ntype SmoothState = MessagePartState & (TextMessagePart | ReasoningMessagePart);\n\nexport const useSmooth = (\n  state: MaybeRefOrGetter<SmoothState>,\n  smooth: MaybeRefOrGetter<boolean | SmoothOptions> = false,\n) => {\n  const reduceMotion = useMediaQuery(\"(prefers-reduced-motion: reduce)\");\n  const enabled = computed(() => {\n    const option = toValue(smooth);\n    return option !== false && option !== null && !reduceMotion.value;\n  });\n  const aui = useAui();\n  const part = useAuiState(() => aui.part);\n  const initial = toValue(state);\n  const displayedText = shallowRef(\n    initial.status.type === \"running\" ? \"\" : initial.text,\n  );\n  const animator = new TextStreamAnimator(displayedText.value, (text) => {\n    displayedText.value = text;\n  });\n  const smoothStatusStore = useSmoothStatusStore({ optional: true });\n  let previousPart = part.value;\n\n  useIsomorphicLayoutEffect(() => {\n    const stopAnimation = watch(\n      () =>\n        [toValue(state), toValue(smooth), part.value, enabled.value] as const,\n      ([current, option, currentPart, active]) => {\n        const options =\n          typeof option === \"object\" && option !== null ? option : undefined;\n        animator.drainMs = positiveOr(options?.drainMs, DEFAULT_DRAIN_MS);\n        animator.maxCharIntervalMs = positiveOr(\n          options?.maxCharIntervalMs,\n          DEFAULT_MAX_CHAR_INTERVAL_MS,\n        );\n        animator.maxCharsPerFrame = positiveOr(\n          options?.maxCharsPerFrame,\n          Infinity,\n        );\n        animator.minCommitMs = positiveOr(options?.minCommitMs, 0);\n        const partChanged = previousPart !== currentPart;\n        previousPart = currentPart;\n        const text = current.text;\n        if (!active) {\n          animator.stop();\n          animator.currentText = text;\n          animator.targetText = text;\n          animator.lastCommitTime = -Infinity;\n          displayedText.value = text;\n          return;\n        }\n        if (partChanged || !text.startsWith(animator.targetText)) {\n          animator.stop();\n          animator.lastCommitTime = -Infinity;\n          animator.currentText = current.status.type === \"running\" ? \"\" : text;\n          displayedText.value = animator.currentText;\n        }\n        animator.targetText = text;\n        if (current.status.type !== \"running\" && animator.currentText === \"\") {\n          animator.stop();\n          animator.currentText = text;\n          displayedText.value = text;\n          return;\n        }\n        // Preserve the cursor when re-enabling and when draining settled text.\n        displayedText.value = animator.currentText;\n        if (animator.currentText !== text) animator.start();\n        else animator.stop();\n      },\n      { immediate: true, flush: \"sync\" },\n    );\n    const stopStatus = watchEffect(\n      () => {\n        if (!smoothStatusStore) return;\n        const current = toValue(state);\n        const target =\n          enabled.value &&\n          (displayedText.value !== current.text ||\n            current.status.type === \"running\")\n            ? SMOOTH_STATUS\n            : current.status;\n        writableStore(smoothStatusStore).setState(target, true);\n      },\n      { flush: \"sync\" },\n    );\n    return () => {\n      stopAnimation();\n      stopStatus();\n      animator.stop();\n    };\n  }, []);\n\n  return computed(() => {\n    const current = toValue(state);\n    if (!enabled.value) return current;\n    return {\n      ...current,\n      text: displayedText.value,\n      status:\n        current.text === displayedText.value ? current.status : SMOOTH_STATUS,\n    };\n  });\n};\n"],"mappings":";;;;;;;;AAsDA,MAAM,mBAAmB;AACzB,MAAM,+BAA+B;AAErC,IAAM,qBAAN,MAAyB;CACvB,mBAA0C;CAC1C,iBAAiC;CACjC,iBAAgC;CAEhC,aAA4B;CAC5B,UAAyB;CACzB,oBAAmC;CACnC,mBAAkC;CAClC,cAA6B;CAE7B;CACA;CAEA,YAAY,aAAqB,SAAoC;EACnE,KAAK,cAAc;EACnB,KAAK,UAAU;CACjB;CAEA,QAAQ;EACN,IAAI,KAAK,qBAAqB,MAAM;EACpC,KAAK,iBAAiB,YAAY,IAAI;EACtC,KAAK,QAAQ;CACf;CAEA,OAAO;EACL,IAAI,KAAK,qBAAqB,MAAM;GAClC,qBAAqB,KAAK,gBAAgB;GAC1C,KAAK,mBAAmB;EAC1B;CACF;CAEA,gBAAwB;EACtB,MAAM,cAAc,YAAY,IAAI;EAEpC,IAAI,gBADc,cAAc,KAAK;EAGrC,MAAM,iBAAiB,KAAK,WAAW,SAAS,KAAK,YAAY;EACjE,MAAM,kBAAkB,KAAK,IAC3B,KAAK,mBACL,KAAK,UAAU,cACjB;EAEA,MAAM,aAAa,KAAK,IAAI,gBAAgB,KAAK,gBAAgB;EACjE,IAAI,aAAa;EACjB,OAAO,iBAAiB,mBAAmB,aAAa,YAAY;GAClE;GACA,iBAAiB;EACnB;EAGA,IAAI,eAAe,cAAc,eAAe,KAAK,kBACnD,gBAAgB;EAGlB,IAAI,eAAe,gBACjB,KAAK,mBAAmB,sBAAsB,KAAK,OAAO;OAE1D,KAAK,mBAAmB;EAE1B,IAAI,eAAe,GAAG;EAEtB,KAAK,cAAc,KAAK,WAAW,MACjC,GACA,KAAK,YAAY,SAAS,UAC5B;EACA,KAAK,iBAAiB,cAAc;EAGpC,IADmB,eAAe,kBAChB,cAAc,KAAK,kBAAkB,KAAK,aAAa;GACvE,KAAK,iBAAiB;GACtB,KAAK,QAAQ,KAAK,WAAW;EAC/B;CACF;AACF;AAEA,MAAM,gBAAmC,OAAO,OAAO,EACrD,MAAM,UACR,CAAC;AAED,MAAM,cAAc,OAA2B,aAC7C,UAAU,KAAA,KAAa,QAAQ,IAAI,QAAQ;AA2B7C,MAAa,aACX,OACA,SAAoD,UACjD;CACH,MAAM,eAAe,cAAc,kCAAkC;CACrE,MAAM,UAAU,eAAe;EAC7B,MAAM,SAAS,QAAQ,MAAM;EAC7B,OAAO,WAAW,SAAS,WAAW,QAAQ,CAAC,aAAa;CAC9D,CAAC;CACD,MAAM,MAAM,OAAO;CACnB,MAAM,OAAO,kBAAkB,IAAI,IAAI;CACvC,MAAM,UAAU,QAAQ,KAAK;CAC7B,MAAM,gBAAgB,WACpB,QAAQ,OAAO,SAAS,YAAY,KAAK,QAAQ,IACnD;CACA,MAAM,WAAW,IAAI,mBAAmB,cAAc,QAAQ,SAAS;EACrE,cAAc,QAAQ;CACxB,CAAC;CACD,MAAM,oBAAoB,qBAAqB,EAAE,UAAU,KAAK,CAAC;CACjE,IAAI,eAAe,KAAK;CAExB,gCAAgC;EAC9B,MAAM,gBAAgB,YAElB;GAAC,QAAQ,KAAK;GAAG,QAAQ,MAAM;GAAG,KAAK;GAAO,QAAQ;EAAK,IAC5D,CAAC,SAAS,QAAQ,aAAa,YAAY;GAC1C,MAAM,UACJ,OAAO,WAAW,YAAY,WAAW,OAAO,SAAS,KAAA;GAC3D,SAAS,UAAU,WAAW,SAAS,SAAS,gBAAgB;GAChE,SAAS,oBAAoB,WAC3B,SAAS,mBACT,4BACF;GACA,SAAS,mBAAmB,WAC1B,SAAS,kBACT,QACF;GACA,SAAS,cAAc,WAAW,SAAS,aAAa,CAAC;GACzD,MAAM,cAAc,iBAAiB;GACrC,eAAe;GACf,MAAM,OAAO,QAAQ;GACrB,IAAI,CAAC,QAAQ;IACX,SAAS,KAAK;IACd,SAAS,cAAc;IACvB,SAAS,aAAa;IACtB,SAAS,iBAAiB;IAC1B,cAAc,QAAQ;IACtB;GACF;GACA,IAAI,eAAe,CAAC,KAAK,WAAW,SAAS,UAAU,GAAG;IACxD,SAAS,KAAK;IACd,SAAS,iBAAiB;IAC1B,SAAS,cAAc,QAAQ,OAAO,SAAS,YAAY,KAAK;IAChE,cAAc,QAAQ,SAAS;GACjC;GACA,SAAS,aAAa;GACtB,IAAI,QAAQ,OAAO,SAAS,aAAa,SAAS,gBAAgB,IAAI;IACpE,SAAS,KAAK;IACd,SAAS,cAAc;IACvB,cAAc,QAAQ;IACtB;GACF;GAEA,cAAc,QAAQ,SAAS;GAC/B,IAAI,SAAS,gBAAgB,MAAM,SAAS,MAAM;QAC7C,SAAS,KAAK;EACrB,GACA;GAAE,WAAW;GAAM,OAAO;EAAO,CACnC;EACA,MAAM,aAAa,kBACX;GACJ,IAAI,CAAC,mBAAmB;GACxB,MAAM,UAAU,QAAQ,KAAK;GAC7B,MAAM,SACJ,QAAQ,UACP,cAAc,UAAU,QAAQ,QAC/B,QAAQ,OAAO,SAAS,aACtB,gBACA,QAAQ;GACd,cAAc,iBAAiB,CAAC,CAAC,SAAS,QAAQ,IAAI;EACxD,GACA,EAAE,OAAO,OAAO,CAClB;EACA,aAAa;GACX,cAAc;GACd,WAAW;GACX,SAAS,KAAK;EAChB;CACF,GAAG,CAAC,CAAC;CAEL,OAAO,eAAe;EACpB,MAAM,UAAU,QAAQ,KAAK;EAC7B,IAAI,CAAC,QAAQ,OAAO,OAAO;EAC3B,OAAO;GACL,GAAG;GACH,MAAM,cAAc;GACpB,QACE,QAAQ,SAAS,cAAc,QAAQ,QAAQ,SAAS;EAC5D;CACF,CAAC;AACH"}

package/dist/utils/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,2 @@
+export { useIsomorphicLayoutEffect } from "@ulearning/ai-store/internal";
+//# sourceMappingURL=useIsomorphicLayoutEffect.d.ts.map

package/dist/utils/useIsomorphicLayoutEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsomorphicLayoutEffect.d.ts","mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B","names":[],"ignoreList":[],"sources":["../../src/utils/useIsomorphicLayoutEffect.ts"],"sourcesContent":[null]}

package/dist/utils/useIsomorphicLayoutEffect.js

@@ -0,0 +1 @@
+export { useIsomorphicLayoutEffect } from "@ulearning/ai-store/internal";

package/package.json

@@ -1,6 +1,118 @@
 {
   "name": "@ulearning/ai-sdk",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "1.0.0-next.0",
+  "description": "Open-source TypeScript/Vue library for building production-grade AI chat experiences",
+  "keywords": [
+    "ai",
+    "ui",
+    "sdk",
+    "mcp",
+    "agent",
+    "agentic",
+    "generative",
+    "components",
+    "assistant",
+    "chat",
+    "chatbot",
+    "shadcn",
+    "radix-ui",
+    "tailwind",
+    "javascript",
+    "openai",
+    "anthropic",
+    "claude",
+    "xai",
+    "chatgpt",
+    "gemini",
+    "grok",
+    "vue",
+    "framework",
+    "nextjs",
+    "web",
+    "server",
+    "node",
+    "front-end",
+    "backend",
+    "cli",
+    "vercel"
+  ],
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "src",
+    "internal",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "dependencies": {
+    "@ulearning/ai-core": "^1.0.0-next.0",
+    "@ulearning/ai-safe-content-frame": "^0.0.35-next.0",
+    "@ulearning/ai-store": "^1.0.0-next.0",
+    "@ulearning/ai-stream": "^0.3.56-next.0",
+    "@ulearning/ai-tap": "^1.0.0-next.0",
+    "reka-ui": "2.11.0",
+    "zod": "^4.6.7",
+    "zustand": "^5.0.16",
+    "vue-component-type-helpers": "3.3.11"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.22"
+  },
+  "peerDependenciesMeta": {
+    "vue": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/json-schema": "^7.0.15",
+    "@types/node": "^26.6.5",
+    "@types/web-bluetooth": "0.0.21",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@ulearning/ai-buildutils": "0.0.33-next.0",
+    "@ulearning/ai-vue-compat": "0.0.0",
+    "@ulearning/ai-vite": "1.0.0-next.0",
+    "@vue/server-renderer": "3.5.44",
+    "jsdom": "^30.1.3",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "typescript": "npm:@typescript/typescript6@^6.0.2",
+    "vitest": "^5.0.5",
+    "vue": "3.5.44",
+    "vue-tsc": "3.3.14",
+    "@testing-library/dom": "10.4.2",
+    "vite": "^8.3.5"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/",
+    "provenance": false
+  },
+  "homepage": "http://1.92.106.239/frontend-common/ai-sdk",
+  "repository": {
+    "type": "git",
+    "url": "http://1.92.106.239/frontend-common/ai-sdk.git",
+    "directory": "packages/vue"
+  },
+  "bugs": {
+    "url": "http://1.92.106.239/frontend-common/ai-sdk/-/issues"
+  },
+  "scripts": {
+    "build": "aui-build",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage --coverage.reporter=text --coverage.reporter=html --coverage.reporter=json-summary",
+    "typecheck": "vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.test.json",
+    "test:peer-vue": "vitest run --config vitest.peer-vue.config.ts",
+    "test:watch": "vitest",
+    "test:types:peer-vue": "aui-vue-compat-types"
+  }
 }