@frontera-sdk/chat-ui 1.50.40

package/dist/chunk-VDZH5Z3K.js

@@ -0,0 +1,72 @@
+'use client';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from './chunk-ZS6PXIZP.js';
+import { AgentAvatar } from './chunk-FXKXDR5K.js';
+import { ChevronDownMediumIcon } from './chunk-AFVU5VT6.js';
+import { useChatClientOptional } from './chunk-7ADM3CKD.js';
+import { useState, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function useChatAgents(client, supplied) {
+  const fromContext = useChatClientOptional();
+  const chat = client ?? fromContext;
+  const [agents, setAgents] = useState(supplied ?? []);
+  useEffect(() => {
+    if (supplied || !chat) return;
+    let cancelled = false;
+    chat.listAgents().then((list) => {
+      if (!cancelled) setAgents(Array.isArray(list) ? list : []);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [chat, supplied]);
+  return supplied ?? agents;
+}
+function AgentPicker({ value, onChange, agents: supplied, className }) {
+  const agents = useChatAgents(void 0, supplied);
+  if (agents.length < 2) return null;
+  const active = agents.find((agent) => agent.agentId === value) ?? agents[0];
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("button", { type: "button", className: `fr-agent-picker${className ? ` ${className}` : ""}`, children: [
+      /* @__PURE__ */ jsx(
+        AgentAvatar,
+        {
+          name: active.name,
+          config: active.avatarConfig,
+          seed: active.agentId,
+          size: 20,
+          className: "rounded-full"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "fr-agent-name", children: active.name }),
+      /* @__PURE__ */ jsx(ChevronDownMediumIcon, { className: "fr-agent-chevron" })
+    ] }) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "start", className: "fr-agent-menu", children: agents.map((agent) => /* @__PURE__ */ jsxs(
+      DropdownMenuItem,
+      {
+        onSelect: () => onChange(agent),
+        "data-active": agent.agentId === active.agentId || void 0,
+        children: [
+          /* @__PURE__ */ jsx(
+            AgentAvatar,
+            {
+              name: agent.name,
+              config: agent.avatarConfig,
+              seed: agent.agentId,
+              size: 22,
+              className: "rounded-full"
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "fr-agent-entry", children: [
+            /* @__PURE__ */ jsx("span", { className: "fr-agent-entry-name", children: agent.name }),
+            agent.description && /* @__PURE__ */ jsx("span", { className: "fr-agent-entry-desc", children: agent.description })
+          ] })
+        ]
+      },
+      agent.id
+    )) })
+  ] });
+}
+
+export { AgentPicker, useChatAgents };

package/dist/chunk-WMN6BPPS.js

@@ -0,0 +1,49 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+
+// src/vendor/lib/typing-target.ts
+function isTypingTarget(target) {
+  const el = target;
+  if (!el || typeof el.tagName !== "string") return false;
+  return el.tagName === "INPUT" || el.tagName === "TEXTAREA" || el.tagName === "SELECT" || el.isContentEditable === true;
+}
+
+// src/vendor/ui/library/artifact-viewer/components/deck-key-scope.ts
+var ARROW_OWNING_TAGS = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT"]);
+var ARROW_OWNING_ROLES = /* @__PURE__ */ new Set(["menu", "menuitem", "listbox", "option", "combobox", "tablist", "tab", "slider", "spinbutton", "grid", "gridcell", "tree", "treeitem", "radiogroup", "radio"]);
+function isFullscreenHotkey(e) {
+  if (e.key !== "f" && e.key !== "F") return false;
+  if (e.metaKey || e.ctrlKey || e.altKey) return false;
+  if (isTypingTarget(e.target)) return false;
+  if (typeof document !== "undefined" && document.fullscreenElement) return false;
+  const active = typeof document === "undefined" ? null : document.activeElement;
+  if (active && (isTypingTarget(active) || active.getAttribute("aria-expanded") === "true")) return false;
+  return true;
+}
+function deckOwnsArrowKeys(deck, hover, target) {
+  if (deck && deck.offsetParent === null) return false;
+  const el = target;
+  if (el && (el.tagName === "TEXTAREA" || el.tagName === "INPUT" || el.isContentEditable)) return false;
+  if (hover) return true;
+  const active = typeof document === "undefined" ? null : document.activeElement;
+  if (!active || active === document.body) return true;
+  if (deck?.contains(active)) return true;
+  if (ARROW_OWNING_TAGS.has(active.tagName) || active.isContentEditable) return false;
+  const role = active.getAttribute("role");
+  if (role && ARROW_OWNING_ROLES.has(role)) return false;
+  if (active.getAttribute("aria-expanded") === "true") return false;
+  return true;
+}
+function DeckNotesCard({ text, width }) {
+  if (!text.trim()) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "min-h-24 w-full shrink-0 whitespace-pre-wrap rounded-xl border border-border bg-surface p-5 text-sm leading-relaxed text-foreground",
+      style: width ? { width, maxWidth: "100%" } : void 0,
+      children: text
+    }
+  );
+}
+
+export { DeckNotesCard, deckOwnsArrowKeys, isFullscreenHotkey };