@alexkroman1/aai-ui 0.12.3 → 0.13.0

package/dist/components/state-indicator.js

@@ -1,37 +0,0 @@
-import clsx from "clsx";
-import { jsx, jsxs } from "preact/jsx-runtime";
-//#region components/state-indicator.tsx
-/**
-* Colored dot + label showing the current {@link AgentState}.
-*
-* State-to-color mapping:
-* - `disconnected` — gray
-* - `connecting` — yellow
-* - `ready` — green
-* - `listening` — blue
-* - `thinking` — purple
-* - `speaking` — red
-* - `error` — red
-*
-* @example
-* ```tsx
-* const { session } = useSession();
-* <StateIndicator state={session.state} />
-* ```
-*
-* @param state - A reactive {@link AgentState} value.
-* @param className - Additional CSS class names.
-*
-* @public
-*/
-function StateIndicator({ state, className }) {
-	return /* @__PURE__ */ jsxs("div", {
-		class: clsx("inline-flex items-center justify-center gap-1.5 text-[13px] font-medium leading-[130%] text-aai-text-muted capitalize", className),
-		children: [/* @__PURE__ */ jsx("div", {
-			"data-state": state.value,
-			class: "w-2 h-2 rounded-full data-[state=disconnected]:bg-aai-state-disconnected data-[state=connecting]:bg-aai-state-connecting data-[state=ready]:bg-aai-state-ready data-[state=listening]:bg-aai-state-listening data-[state=thinking]:bg-aai-state-thinking data-[state=speaking]:bg-aai-state-speaking data-[state=error]:bg-aai-state-error"
-		}), state.value]
-	});
-}
-//#endregion
-export { StateIndicator };

package/dist/components/thinking-indicator.d.ts

@@ -1,16 +0,0 @@
-import type * as preact from "preact";
-/**
- * Animated three-dot "thinking" indicator shown while the agent is processing.
- *
- * @example
- * ```tsx
- * {isThinking && <ThinkingIndicator />}
- * ```
- *
- * @param className - Additional CSS class names.
- *
- * @public
- */
-export declare function ThinkingIndicator({ className }: {
-    className?: string;
-}): preact.JSX.Element;

package/dist/components/thinking-indicator.js

@@ -1,34 +0,0 @@
-import clsx from "clsx";
-import { jsx } from "preact/jsx-runtime";
-//#region components/thinking-indicator.tsx
-const DOT_STYLES = [
-	0,
-	.16,
-	.32
-].map((delay) => ({
-	animation: "aai-bounce 1.4s infinite ease-in-out both",
-	animationDelay: `${delay}s`
-}));
-/**
-* Animated three-dot "thinking" indicator shown while the agent is processing.
-*
-* @example
-* ```tsx
-* {isThinking && <ThinkingIndicator />}
-* ```
-*
-* @param className - Additional CSS class names.
-*
-* @public
-*/
-function ThinkingIndicator({ className }) {
-	return /* @__PURE__ */ jsx("div", {
-		class: clsx("flex items-center gap-2 text-aai-text-dim text-sm font-medium min-h-5", className),
-		children: DOT_STYLES.map((style, i) => /* @__PURE__ */ jsx("div", {
-			class: "w-1.5 h-1.5 rounded-full bg-aai-text-dim",
-			style
-		}, i))
-	});
-}
-//#endregion
-export { ThinkingIndicator };

package/dist/components/tool-icons.d.ts

@@ -1,17 +0,0 @@
-import type * as preact from "preact";
-type IconProps = {
-    class?: string;
-};
-/** Magnifying glass icon for web_search. */
-export declare function SearchIcon(props: IconProps): preact.JSX.Element;
-/** External link icon for visit_webpage. */
-export declare function ExternalLinkIcon(props: IconProps): preact.JSX.Element;
-/** Terminal icon for run_code. */
-export declare function TerminalIcon(props: IconProps): preact.JSX.Element;
-/** Download icon for fetch_json. */
-export declare function DownloadIcon(props: IconProps): preact.JSX.Element;
-/** Chat bubble icon for user_input. */
-export declare function ChatBubbleIcon(props: IconProps): preact.JSX.Element;
-/** Bolt/lightning icon for default/unknown tools. */
-export declare function BoltIcon(props: IconProps): preact.JSX.Element;
-export {};

package/dist/components/tool-icons.js

@@ -1,128 +0,0 @@
-import { jsx, jsxs } from "preact/jsx-runtime";
-//#region components/tool-icons.tsx
-/** Magnifying glass icon for web_search. */
-function SearchIcon(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-width": "1.5",
-		class: props.class,
-		children: [/* @__PURE__ */ jsx("circle", {
-			cx: "7",
-			cy: "7",
-			r: "4.5"
-		}), /* @__PURE__ */ jsx("path", {
-			d: "M10.5 10.5L14 14",
-			"stroke-linecap": "round"
-		})]
-	});
-}
-/** External link icon for visit_webpage. */
-function ExternalLinkIcon(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-width": "1.5",
-		class: props.class,
-		children: [
-			/* @__PURE__ */ jsx("path", {
-				d: "M6 2H3a1 1 0 00-1 1v10a1 1 0 001 1h10a1 1 0 001-1v-3",
-				"stroke-linecap": "round"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M9 2h5v5",
-				"stroke-linecap": "round",
-				"stroke-linejoin": "round"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M14 2L7 9",
-				"stroke-linecap": "round"
-			})
-		]
-	});
-}
-/** Terminal icon for run_code. */
-function TerminalIcon(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-width": "1.5",
-		class: props.class,
-		children: [
-			/* @__PURE__ */ jsx("rect", {
-				x: "1",
-				y: "2",
-				width: "14",
-				height: "12",
-				rx: "1.5"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M4 6l3 2.5L4 11",
-				"stroke-linecap": "round",
-				"stroke-linejoin": "round"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M9 11h3",
-				"stroke-linecap": "round"
-			})
-		]
-	});
-}
-/** Download icon for fetch_json. */
-function DownloadIcon(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-width": "1.5",
-		class: props.class,
-		children: [
-			/* @__PURE__ */ jsx("path", {
-				d: "M8 2v9",
-				"stroke-linecap": "round"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M4.5 8L8 11.5 11.5 8",
-				"stroke-linecap": "round",
-				"stroke-linejoin": "round"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M2 13h12",
-				"stroke-linecap": "round"
-			})
-		]
-	});
-}
-/** Chat bubble icon for user_input. */
-function ChatBubbleIcon(props) {
-	return /* @__PURE__ */ jsx("svg", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-width": "1.5",
-		class: props.class,
-		children: /* @__PURE__ */ jsx("path", {
-			d: "M2 3a1 1 0 011-1h10a1 1 0 011 1v7a1 1 0 01-1 1H5l-3 3V3z",
-			"stroke-linejoin": "round"
-		})
-	});
-}
-/** Bolt/lightning icon for default/unknown tools. */
-function BoltIcon(props) {
-	return /* @__PURE__ */ jsx("svg", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-width": "1.5",
-		class: props.class,
-		children: /* @__PURE__ */ jsx("path", {
-			d: "M9 1L3 9h5l-1 6 6-8H8l1-6z",
-			"stroke-linejoin": "round"
-		})
-	});
-}
-//#endregion
-export { BoltIcon, ChatBubbleIcon, DownloadIcon, ExternalLinkIcon, SearchIcon, TerminalIcon };

package/dist/components/transcript.d.ts

@@ -1,25 +0,0 @@
-import type * as preact from "preact";
-import type { Reactive } from "../types.ts";
-/**
- * Live speech-to-text transcript shown while the user is speaking.
- * Returns `null` when there is no active utterance.
- *
- * Displays a {@link ThinkingIndicator} while waiting for the first
- * transcription text (i.e., `userUtterance` is `""`).
- *
- * @example
- * ```tsx
- * const { session } = useSession();
- * <Transcript userUtterance={session.userUtterance} />
- * ```
- *
- * @param userUtterance - Reactive string (`null` when idle, `""` when
- *   listening but no text yet, or the transcript text).
- * @param className - Additional CSS class names.
- *
- * @public
- */
-export declare function Transcript({ userUtterance, className, }: {
-    userUtterance: Reactive<string | null>;
-    className?: string;
-}): preact.JSX.Element | null;

package/dist/components/transcript.js

@@ -1,35 +0,0 @@
-import { ThinkingIndicator } from "./thinking-indicator.js";
-import clsx from "clsx";
-import { jsx } from "preact/jsx-runtime";
-//#region components/transcript.tsx
-/**
-* Live speech-to-text transcript shown while the user is speaking.
-* Returns `null` when there is no active utterance.
-*
-* Displays a {@link ThinkingIndicator} while waiting for the first
-* transcription text (i.e., `userUtterance` is `""`).
-*
-* @example
-* ```tsx
-* const { session } = useSession();
-* <Transcript userUtterance={session.userUtterance} />
-* ```
-*
-* @param userUtterance - Reactive string (`null` when idle, `""` when
-*   listening but no text yet, or the transcript text).
-* @param className - Additional CSS class names.
-*
-* @public
-*/
-function Transcript({ userUtterance, className }) {
-	if (userUtterance.value === null) return null;
-	return /* @__PURE__ */ jsx("div", {
-		class: clsx("flex flex-col items-end w-full", className),
-		children: /* @__PURE__ */ jsx("div", {
-			class: "max-w-[min(82%,64ch)] whitespace-pre-wrap wrap-break-word text-sm leading-[150%] text-aai-text-muted bg-aai-surface-faint border border-aai-border px-3 py-2 rounded-aai ml-auto",
-			children: userUtterance.value || /* @__PURE__ */ jsx(ThinkingIndicator, {})
-		})
-	});
-}
-//#endregion
-export { Transcript };