@efolusi/meridian 1.5.0

package/ai/DocumentCard.js

@@ -0,0 +1,101 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { injectEfCss } from "../forms/Button.js";
+import { Icon } from "../icons/Icon.js";
+const CSS = `
+.ef-doccard{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);font-family:var(--font-sans)}
+.ef-doccard__head{display:flex;align-items:center;gap:9px;padding:10px 10px 10px 14px}
+.ef-doccard__glyph{display:inline-flex;color:var(--text-muted)}
+.ef-doccard__title{flex:1;min-width:0;font-size:13.5px;font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.ef-doccard__meta{font-size:12px;color:var(--text-muted)}
+.ef-doccard__btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}
+.ef-doccard__btn:hover{color:var(--text-primary);background:var(--surface-subtle)}
+.ef-doccard__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}
+.ef-doccard__btn--open{transform:rotate(180deg)}
+.ef-doccard__win{position:relative;overflow:hidden;transition:height .45s cubic-bezier(.32,.72,0,1)}
+.ef-doccard__content{padding:0 16px 14px;font-size:14px;line-height:1.7;color:var(--text-secondary)}
+.ef-doccard__content h1,.ef-doccard__content h2,.ef-doccard__content h3{color:var(--text-primary);font-family:var(--font-display,var(--font-sans));margin:.2em 0 .4em}
+.ef-doccard__content p{margin:0 0 .8em}
+.ef-doccard__fade{position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(to top,var(--surface-card),transparent);pointer-events:none;transition:opacity var(--dur-med) var(--ease-out)}
+.ef-doccard--open .ef-doccard__fade{opacity:0}
+`;
+export function DocumentCard({
+  title,
+  meta,
+  icon = 'file-text',
+  collapsedHeight = 200,
+  defaultOpen = false,
+  onCopy,
+  actions,
+  children,
+  style,
+  className,
+  ...rest
+}) {
+  injectEfCss('ef-css-doccard', CSS);
+  const [open, setOpen] = React.useState(!!defaultOpen);
+  const [full, setFull] = React.useState(null);
+  const [copied, setCopied] = React.useState(false);
+  const inner = React.useRef(null);
+  React.useEffect(() => {
+    const el = inner.current;
+    if (!el) return;
+    const update = () => setFull(el.scrollHeight);
+    update();
+    const ro = new ResizeObserver(update);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  const overflows = full !== null && full > collapsedHeight;
+  const height = full === null ? open ? undefined : collapsedHeight : open ? full : Math.min(full, collapsedHeight);
+  const copy = () => {
+    const text = inner.current ? inner.current.textContent : '';
+    if (navigator.clipboard) navigator.clipboard.writeText(text).catch(() => {});
+    if (onCopy) onCopy(text);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1600);
+  };
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+    className: `ef-doccard${open ? ' ef-doccard--open' : ''}${className ? ' ' + className : ''}`,
+    style: style
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "ef-doccard__head"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "ef-doccard__glyph"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    size: 15
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "ef-doccard__title"
+  }, title), meta ? /*#__PURE__*/React.createElement("span", {
+    className: "ef-doccard__meta"
+  }, meta) : null, actions, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "ef-doccard__btn",
+    "aria-label": "Copy document",
+    onClick: copy
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: copied ? 'check' : 'copy',
+    size: 14
+  })), overflows || !open ? /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: `ef-doccard__btn${open ? ' ef-doccard__btn--open' : ''}`,
+    "aria-expanded": open,
+    "aria-label": open ? 'Collapse' : 'Expand',
+    onClick: () => setOpen(!open)
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "chevron-down",
+    size: 14
+  })) : null), /*#__PURE__*/React.createElement("div", {
+    className: "ef-doccard__win",
+    style: {
+      height
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: inner,
+    className: "ef-doccard__content"
+  }, children), overflows && !open ? /*#__PURE__*/React.createElement("div", {
+    className: "ef-doccard__fade",
+    onClick: () => setOpen(true)
+  }) : null));
+}

package/ai/FeedbackBar.d.ts

@@ -0,0 +1,14 @@
+export interface FeedbackBarProps {
+  /** Fires 'up' | 'down' | null (toggled off) */
+  onFeedback?: (dir: 'up' | 'down' | null) => void;
+  /** Copies this text on the copy button */
+  copyText?: string;
+  onCopy?: () => void;
+  /** Shows the regenerate button */
+  onRetry?: () => void;
+  /** Muted note after the buttons */
+  note?: React.ReactNode;
+  style?: React.CSSProperties;
+  className?: string;
+}
+export declare function FeedbackBar(props: FeedbackBarProps): React.JSX.Element;

package/ai/FeedbackBar.js

@@ -0,0 +1,84 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { injectEfCss } from "../forms/Button.js";
+import { Icon } from "../icons/Icon.js";
+const CSS = `
+.ef-feedback{display:inline-flex;align-items:center;gap:2px}
+.ef-feedback__btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;color:var(--text-muted);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}
+.ef-feedback__btn:hover{color:var(--text-primary);background:var(--surface-sunken)}
+.ef-feedback__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}
+.ef-feedback__btn--on{color:var(--brand-700);background:var(--accent-subtle)}
+.ef-feedback__sep{width:1px;height:14px;background:var(--border-default);margin:0 5px}
+.ef-feedback__note{font-size:11.5px;color:var(--text-muted);margin-left:6px}
+`;
+export function FeedbackBar({
+  onFeedback,
+  onCopy,
+  onRetry,
+  copyText,
+  note,
+  style,
+  className,
+  ...rest
+}) {
+  injectEfCss('ef-css-feedback', CSS);
+  const [vote, setVote] = React.useState(null);
+  const [copied, setCopied] = React.useState(false);
+  const cast = dir => {
+    const next = vote === dir ? null : dir;
+    setVote(next);
+    if (onFeedback) onFeedback(next);
+  };
+  const copy = () => {
+    if (copyText) {
+      try {
+        navigator.clipboard.writeText(copyText);
+      } catch (e) {}
+    }
+    if (onCopy) onCopy();
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1400);
+  };
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+    className: `ef-feedback${className ? ' ' + className : ''}`,
+    style: style
+  }), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    "aria-label": "Good response",
+    "aria-pressed": vote === 'up',
+    className: `ef-feedback__btn${vote === 'up' ? ' ef-feedback__btn--on' : ''}`,
+    onClick: () => cast('up')
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "thumbs-up",
+    size: 13
+  })), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    "aria-label": "Bad response",
+    "aria-pressed": vote === 'down',
+    className: `ef-feedback__btn${vote === 'down' ? ' ef-feedback__btn--on' : ''}`,
+    onClick: () => cast('down')
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "thumbs-down",
+    size: 13
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "ef-feedback__sep"
+  }), onCopy || copyText ? /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    "aria-label": "Copy",
+    className: `ef-feedback__btn${copied ? ' ef-feedback__btn--on' : ''}`,
+    onClick: copy
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: copied ? 'check' : 'copy',
+    size: 13
+  })) : null, onRetry ? /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    "aria-label": "Regenerate",
+    className: "ef-feedback__btn",
+    onClick: onRetry
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "refresh-cw",
+    size: 13
+  })) : null, note ? /*#__PURE__*/React.createElement("span", {
+    className: "ef-feedback__note"
+  }, note) : null);
+}

package/ai/GeneratedImage.d.ts

@@ -0,0 +1,22 @@
+export interface GeneratedImageAction {
+  icon: string;
+  label: string;
+  onClick?: () => void;
+}
+export interface GeneratedImageProps {
+  /** 'queued' | 'generating' | 'complete' | 'error' */
+  state?: 'queued' | 'generating' | 'complete' | 'error';
+  src?: string;
+  alt?: string;
+  /** Prompt shown top-left over the image */
+  prompt?: string;
+  /** 'square' | 'video' | 'portrait' */
+  aspect?: 'square' | 'video' | 'portrait';
+  error?: React.ReactNode;
+  onRetry?: () => void;
+  /** Hover actions, top-right (e.g. download) */
+  actions?: GeneratedImageAction[];
+  style?: React.CSSProperties;
+  className?: string;
+}
+export declare function GeneratedImage(props: GeneratedImageProps): React.JSX.Element;

package/ai/GeneratedImage.js

@@ -0,0 +1,100 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { injectEfCss } from "../forms/Button.js";
+import { Icon } from "../icons/Icon.js";
+const CSS = `
+.ef-genimg{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-sunken);font-family:var(--font-sans)}
+.ef-genimg--square{aspect-ratio:1}
+.ef-genimg--video{aspect-ratio:16/9}
+.ef-genimg--portrait{aspect-ratio:3/4}
+.ef-genimg--error{border-color:var(--danger-300);box-shadow:0 0 0 3px var(--danger-100)}
+.ef-genimg__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s var(--ease-out)}
+.ef-genimg--complete .ef-genimg__img{opacity:1}
+.ef-genimg--error .ef-genimg__img{opacity:.3}
+.ef-genimg__dark{position:absolute;inset:0;background:#141210;opacity:0;transition:opacity var(--dur-med) var(--ease-out);pointer-events:none}
+.ef-genimg--generating .ef-genimg__dark{opacity:1}
+.ef-genimg__dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(243,239,231,.22) 1.3px,transparent 1.7px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse at center,black 10%,transparent 78%);mask-image:radial-gradient(ellipse at center,black 10%,transparent 78%);animation:ef-genimg-pulse 2.8s ease-in-out infinite}
+@keyframes ef-genimg-pulse{0%,100%{opacity:.45}50%{opacity:1}}
+.ef-genimg__scrim{position:absolute;left:0;right:0;pointer-events:none;opacity:0;transition:opacity var(--dur-med) var(--ease-out)}
+.ef-genimg--complete .ef-genimg__scrim{opacity:1}
+.ef-genimg__scrim--top{top:0;height:34%;background:linear-gradient(to bottom,rgba(20,16,12,.55),transparent)}
+.ef-genimg__prompt{position:absolute;top:13px;left:16px;right:16px;font-size:13px;font-weight:var(--weight-semibold);color:var(--text-primary);z-index:2}
+.ef-genimg--generating .ef-genimg__prompt,.ef-genimg--complete .ef-genimg__prompt{color:#FAF9F6}
+.ef-genimg__status{position:absolute;left:16px;bottom:13px;font-size:12.5px;color:rgba(250,249,246,.75);z-index:2;animation:ef-genimg-pulse 1.6s ease-in-out infinite}
+.ef-genimg__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);font-size:13px;z-index:2;padding:20px;text-align:center}
+.ef-genimg__actions{position:absolute;top:9px;right:9px;display:flex;gap:2px;z-index:3;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}
+.ef-genimg--complete:hover .ef-genimg__actions,.ef-genimg--complete:focus-within .ef-genimg__actions{opacity:1}
+.ef-genimg__act{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;cursor:pointer;color:#FAF9F6;background:rgba(20,16,12,.45);border-radius:var(--radius-sm);backdrop-filter:blur(2px);transition:background var(--dur-fast) var(--ease-out)}
+.ef-genimg__act:hover{background:rgba(20,16,12,.7)}
+.ef-genimg__act:focus-visible{outline:none;box-shadow:var(--focus-ring)}
+.ef-genimg__retry{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface-card);cursor:pointer;font-family:var(--font-sans);font-size:12.5px;font-weight:var(--weight-semibold);color:var(--text-primary)}
+.ef-genimg__err{color:var(--danger-600)}
+`;
+export function GeneratedImage({
+  state = 'complete',
+  src,
+  alt,
+  prompt,
+  aspect = 'square',
+  error,
+  onRetry,
+  actions,
+  style,
+  className,
+  ...rest
+}) {
+  injectEfCss('ef-css-genimg', CSS);
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+    className: `ef-genimg ef-genimg--${aspect} ef-genimg--${state}${className ? ' ' + className : ''}`,
+    style: style,
+    "data-state": state
+  }), src && (state === 'complete' || state === 'error') ? /*#__PURE__*/React.createElement("img", {
+    className: "ef-genimg__img",
+    src: src,
+    alt: alt || prompt || ''
+  }) : null, /*#__PURE__*/React.createElement("div", {
+    className: "ef-genimg__dark"
+  }, state === 'generating' ? /*#__PURE__*/React.createElement("div", {
+    className: "ef-genimg__dots"
+  }) : null), /*#__PURE__*/React.createElement("div", {
+    className: "ef-genimg__scrim ef-genimg__scrim--top",
+    "aria-hidden": "true"
+  }), prompt ? /*#__PURE__*/React.createElement("div", {
+    className: "ef-genimg__prompt"
+  }, prompt) : null, state === 'queued' ? /*#__PURE__*/React.createElement("div", {
+    className: "ef-genimg__center"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "image",
+    size: 20
+  }), /*#__PURE__*/React.createElement("span", null, "Queued\u2026")) : null, state === 'generating' ? /*#__PURE__*/React.createElement("div", {
+    className: "ef-genimg__status"
+  }, "Generating\u2026") : null, state === 'error' ? /*#__PURE__*/React.createElement("div", {
+    className: "ef-genimg__center"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "ef-genimg__err"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "circle-alert",
+    size: 20
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "ef-genimg__err"
+  }, error || 'Generation failed'), onRetry ? /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "ef-genimg__retry",
+    onClick: onRetry
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "refresh-cw",
+    size: 13
+  }), "Retry") : null) : null, actions && actions.length ? /*#__PURE__*/React.createElement("div", {
+    className: "ef-genimg__actions"
+  }, actions.map((a, i) => /*#__PURE__*/React.createElement("button", {
+    key: i,
+    type: "button",
+    className: "ef-genimg__act",
+    "aria-label": a.label,
+    title: a.label,
+    onClick: a.onClick
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: a.icon,
+    size: 14
+  })))) : null);
+}

package/ai/ModelSelector.d.ts

@@ -0,0 +1,21 @@
+export interface ModelOption {
+  id: string;
+  name: string;
+  /** Shown muted next to the name */
+  provider?: string;
+  /** Second line in the list */
+  hint?: string;
+  /** Small uppercase tag, e.g. 'New' */
+  badge?: string;
+}
+export interface ModelSelectorProps {
+  models: ModelOption[];
+  /** Selected model id */
+  value?: string;
+  onChange?: (id: string) => void;
+  /** Panel direction @default 'up' */
+  side?: 'up' | 'down';
+  style?: React.CSSProperties;
+  className?: string;
+}
+export declare function ModelSelector(props: ModelSelectorProps): React.JSX.Element;

package/ai/ModelSelector.js

@@ -0,0 +1,112 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { injectEfCss } from "../forms/Button.js";
+import { Portal, useAnchoredStyle } from "../overlay/Portal.js";
+import { Icon } from "../icons/Icon.js";
+const CSS = `
+.ef-modelsel{position:relative;display:inline-flex}
+.ef-modelsel__btn{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-card);cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease-out)}
+.ef-modelsel__btn:hover{border-color:var(--text-muted)}
+.ef-modelsel__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}
+.ef-modelsel__provider{font-size:11.5px;color:var(--text-muted);font-weight:400}
+.ef-modelsel__chev{display:inline-flex;color:var(--text-muted)}
+.ef-modelsel__panel{position:absolute;bottom:calc(100% + 6px);left:0;min-width:260px;background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:4px;z-index:var(--z-dropdown);animation:ef-modelsel-in var(--dur-fast) var(--ease-out)}
+.ef-modelsel--down .ef-modelsel__panel{bottom:auto;top:calc(100% + 6px)}
+@keyframes ef-modelsel-in{from{opacity:0;transform:translateY(3px)}}
+.ef-modelsel__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;text-align:left;font-family:var(--font-sans);transition:background var(--dur-fast) var(--ease-out)}
+.ef-modelsel__item:hover{background:var(--surface-sunken)}
+.ef-modelsel__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}
+.ef-modelsel__name{font-size:13.5px;font-weight:500;color:var(--text-primary)}
+.ef-modelsel__hint{font-size:12px;color:var(--text-muted);margin-top:1px}
+.ef-modelsel__badge{margin-left:auto;flex:none;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-700);background:var(--accent-subtle);border-radius:var(--radius-sm);padding:2px 6px}
+.ef-modelsel__check{margin-left:auto;flex:none;display:inline-flex;color:var(--brand-700)}
+.ef-modelsel__badge+.ef-modelsel__check{margin-left:8px}
+`;
+export function ModelSelector({
+  models = [],
+  value,
+  onChange,
+  side = 'up',
+  style,
+  className,
+  ...rest
+}) {
+  injectEfCss('ef-css-modelsel', CSS);
+  const [open, setOpen] = React.useState(false);
+  const ref = React.useRef(null);
+  const panelRef = React.useRef(null);
+  const {
+    style: anchored
+  } = useAnchoredStyle(ref, panelRef, {
+    open,
+    placement: side === 'down' ? 'bottom' : 'top',
+    align: 'start'
+  });
+  React.useEffect(() => {
+    if (!open) return;
+    const away = e => {
+      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+    };
+    const key = e => {
+      if (e.key === 'Escape') setOpen(false);
+    };
+    document.addEventListener('mousedown', away);
+    document.addEventListener('keydown', key);
+    return () => {
+      document.removeEventListener('mousedown', away);
+      document.removeEventListener('keydown', key);
+    };
+  }, [open]);
+  const cur = models.find(m => m.id === value) || models[0] || {};
+  return /*#__PURE__*/React.createElement("span", _extends({}, rest, {
+    ref: ref,
+    className: `ef-modelsel${side === 'down' ? ' ef-modelsel--down' : ''}${className ? ' ' + className : ''}`,
+    style: style
+  }), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "ef-modelsel__btn",
+    "aria-haspopup": "listbox",
+    "aria-expanded": open,
+    onClick: () => setOpen(!open)
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "sparkles",
+    size: 13
+  }), cur.name || 'Choose model', cur.provider ? /*#__PURE__*/React.createElement("span", {
+    className: "ef-modelsel__provider"
+  }, cur.provider) : null, /*#__PURE__*/React.createElement("span", {
+    className: "ef-modelsel__chev"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: side === 'down' ? 'chevron-down' : 'chevron-up',
+    size: 13
+  }))), open ? /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement("div", {
+    role: "listbox",
+    ref: panelRef,
+    className: "ef-modelsel__panel",
+    style: anchored
+  }, models.map(m => /*#__PURE__*/React.createElement("button", {
+    key: m.id,
+    type: "button",
+    role: "option",
+    "aria-selected": m.id === cur.id,
+    className: "ef-modelsel__item",
+    onClick: () => {
+      setOpen(false);
+      if (onChange) onChange(m.id);
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      minWidth: 0
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "ef-modelsel__name"
+  }, m.name), m.hint ? /*#__PURE__*/React.createElement("div", {
+    className: "ef-modelsel__hint"
+  }, m.hint) : null), m.badge ? /*#__PURE__*/React.createElement("span", {
+    className: "ef-modelsel__badge"
+  }, m.badge) : null, m.id === cur.id ? /*#__PURE__*/React.createElement("span", {
+    className: "ef-modelsel__check"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "check",
+    size: 14
+  })) : null)))) : null);
+}

package/ai/Player.d.ts

@@ -0,0 +1,18 @@
+export interface PlayerHandle {
+  jumpTo: (seconds: number) => void;
+  play: () => void;
+  pause: () => void;
+}
+export interface PlayerProps {
+  src?: string;
+  title?: React.ReactNode;
+  meta?: React.ReactNode;
+  /** Normalized 0–1 waveform peaks; deterministic placeholder bars if omitted */
+  peaks?: number[];
+  /** Bar count when peaks omitted. Default 72 */
+  samples?: number;
+  onTimeChange?: (seconds: number) => void;
+  style?: React.CSSProperties;
+  className?: string;
+}
+export declare const Player: React.ForwardRefExoticComponent<PlayerProps & React.RefAttributes<PlayerHandle>>;