@helpai/elements 0.59.3 → 0.59.5

package/web-component.mjs

@@ -1010,9 +1010,7 @@ var DEFAULT_ATTACHMENTS = {
   accept: "*/*"
 };
 var DEFAULT_FEATURES = {
-  files: true,
-  voice: "local",
-  disableHumanInLoop: false
+  voice: "local"
 };
 var DEFAULT_FORMS = { list: [], byTrigger: {} };
 var DEFAULT_TRACKING = {
@@ -1087,12 +1085,11 @@ function resolveOptions(rawOpts) {
     showReasoning: behavior.showReasoning ?? false,
     showToolCalls: behavior.showToolCalls ?? false,
     showSources: behavior.showSources ?? false,
-    scrollFade: behavior.scrollFade ?? true,
     enableMessageFeedback: !(behavior.disableMessageFeedback ?? false),
     features: {
-      files: opts.features?.files ?? DEFAULT_FEATURES.files,
       voice: opts.features?.voice ?? DEFAULT_FEATURES.voice,
-      disableHumanInLoop: opts.features?.disableHumanInLoop ?? false,
+      fileUpload: !(opts.features?.disableFileUpload ?? false),
+      humanInLoop: !(opts.features?.disableHumanInLoop ?? false),
       tools: opts.features?.tools
     },
     forms: resolveForms(opts.forms, locale),
@@ -1206,9 +1203,9 @@ function resolveModules(overrides) {
     if (m.layout === "home") {
       resolved.brandName = m.brandName;
       resolved.greetingText = m.greetingText;
-      resolved.hideGreeting = m.hideGreeting ?? false;
-      resolved.hideSearchBar = m.hideSearchBar ?? false;
-      resolved.hideRecentConversations = m.hideRecentConversations ?? false;
+      resolved.showGreeting = !(m.hideGreeting ?? false);
+      resolved.showSearchBar = !(m.hideSearchBar ?? false);
+      resolved.showRecentConversations = !(m.hideRecentConversations ?? false);
       if (m.userAvatars && m.userAvatars.length > 0) resolved.userAvatars = m.userAvatars;
       if (m.status) resolved.status = m.status;
       resolved.contentBlockTitle = m.contentBlockTitle;
@@ -1417,7 +1414,6 @@ var BEHAVIOR_ATTRS = [
   ["show-reasoning", "showReasoning", boolAttr],
   ["show-tool-calls", "showToolCalls", boolAttr],
   ["show-sources", "showSources", boolAttr],
-  ["scroll-fade", "scrollFade", boolAttr],
   ["disable-message-feedback", "disableMessageFeedback", boolAttr]
 ];
 var I18N_ATTRS = [["locale", "locale"]];
@@ -1430,7 +1426,7 @@ var LAUNCHER_ATTRS = [
   ["launcher-hidden", "hidden", boolAttr]
 ];
 var FEATURE_ATTRS = [
-  ["features-files", "files", boolAttr],
+  ["features-disable-file-upload", "disableFileUpload", boolAttr],
   ["features-voice", "voice", (v) => v],
   ["features-tools", "tools", csv]
 ];
@@ -1933,7 +1929,7 @@ function createAuth(opts) {
 }
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.59.3" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.59.5" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/stream/types.ts
@@ -4459,7 +4455,7 @@ function Composer({ options, transport, feedback, bus, isStreaming, onSend, onSt
   const [voiceOn, setVoiceOn] = useState2(false);
   const taRef = useRef2(null);
   const fileRef = useRef2(null);
-  const filesEnabled = options.features.files;
+  const fileUploadEnabled = options.features.fileUpload;
   const voiceMode = options.features.voice;
   const [voice, setVoice] = useState2(
     () => createVoice(voiceMode, options.locale, (blob, type) => transport.transcribe(blob, type))
@@ -4484,7 +4480,9 @@ function Composer({ options, transport, feedback, bus, isStreaming, onSend, onSt
       return;
     }
     el.style.height = "auto";
-    el.style.height = `${Math.min(Math.max(el.scrollHeight, 40), 160)}px`;
+    const halfLine = parseFloat(getComputedStyle(el).fontSize) * 0.7;
+    const measured = Math.min(el.scrollHeight, 160);
+    el.style.height = `${measured < 40 + halfLine ? 40 : measured}px`;
   }, [text]);
   const attsRef = useRef2(atts);
   attsRef.current = atts;
@@ -4516,7 +4514,7 @@ function Composer({ options, transport, feedback, bus, isStreaming, onSend, onSt
         "input, textarea, [contenteditable]:not([contenteditable='false'])"
       );
       if (editable && editable !== ta) return;
-      if (filesEnabled) {
+      if (fileUploadEnabled) {
         const result = ingest(data.items, attsRef.current, options.attachments);
         if (result.accepted.length > 0) {
           e.preventDefault();
@@ -4535,7 +4533,7 @@ function Composer({ options, transport, feedback, bus, isStreaming, onSend, onSt
     };
     panel.addEventListener("paste", onPaste);
     return () => panel.removeEventListener("paste", onPaste);
-  }, [filesEnabled, options.attachments, p7]);
+  }, [fileUploadEnabled, options.attachments, p7]);
   const send = () => {
     const trimmed = text.trim();
     if (!trimmed && atts.length === 0) return;
@@ -4605,7 +4603,7 @@ function Composer({ options, transport, feedback, bus, isStreaming, onSend, onSt
     atts.length > 0 ? /* @__PURE__ */ jsx6("div", { class: `${p7}-attachments`, children: atts.map((a) => /* @__PURE__ */ jsx6(AttachmentChip, { attachment: a, onRemove: () => removeAtt(a.id) }, a.id)) }) : null,
     /* @__PURE__ */ jsxs5("div", { class: `${p7}-composer-row`, children: [
       /* @__PURE__ */ jsxs5("div", { class: `${p7}-composer-actions`, children: [
-        filesEnabled ? /* @__PURE__ */ jsx6(
+        fileUploadEnabled ? /* @__PURE__ */ jsx6(
           "button",
           {
             type: "button",
@@ -6362,7 +6360,6 @@ function MessageList({
   showReasoning,
   showToolCalls,
   showSources,
-  scrollFade,
   enableMessageFeedback,
   onFeedback,
   loading,
@@ -6383,7 +6380,6 @@ function MessageList({
   const inInteractionGrace = () => interactingRef.current || performance.now() - interactionEndedAtRef.current < INTERACTION_GRACE_MS;
   const autoPinAtRef = useRef5(0);
   const syncFade = (el) => {
-    if (!scrollFade) return;
     const overflowing = el.scrollHeight - el.clientHeight > 1;
     el.dataset.fadeTop = overflowing && el.scrollTop > 1 ? "true" : "false";
     el.dataset.fadeBottom = overflowing && el.scrollHeight - el.scrollTop - el.clientHeight > 1 ? "true" : "false";
@@ -6629,21 +6625,11 @@ function MessageList({
     rows.push(markerRow(marker));
   }
   return /* @__PURE__ */ jsxs16("div", { class: `${p18}-list-wrap`, children: [
-    /* @__PURE__ */ jsxs16(
-      "div",
-      {
-        ref,
-        class: `${p18}-list${scrollFade ? ` ${p18}-list--fade` : ""}`,
-        role: "log",
-        "aria-live": "polite",
-        "aria-relevant": "additions text",
-        children: [
-          loading && messages.value.length === 0 ? /* @__PURE__ */ jsx20("div", { class: `${p18}-list-loading`, role: "status", children: strings.conversationLoading }) : null,
-          rows,
-          form && !inlineForm ? /* @__PURE__ */ jsx20(FormGate, { form: form.form, strings, onSubmit: form.onSubmit, onSkip: form.onSkip }) : null
-        ]
-      }
-    ),
+    /* @__PURE__ */ jsxs16("div", { ref, class: `${p18}-list ${p18}-list--fade`, role: "log", "aria-live": "polite", "aria-relevant": "additions text", children: [
+      loading && messages.value.length === 0 ? /* @__PURE__ */ jsx20("div", { class: `${p18}-list-loading`, role: "status", children: strings.conversationLoading }) : null,
+      rows,
+      form && !inlineForm ? /* @__PURE__ */ jsx20(FormGate, { form: form.form, strings, onSubmit: form.onSubmit, onSkip: form.onSkip }) : null
+    ] }),
     showJump ? /* @__PURE__ */ jsx20(
       "button",
       {
@@ -7012,7 +6998,6 @@ function PanelContent(props2) {
           showReasoning: options.showReasoning,
           showToolCalls: options.showToolCalls,
           showSources: options.showSources,
-          scrollFade: options.scrollFade,
           enableMessageFeedback: options.enableMessageFeedback,
           onFeedback: onMessageFeedback,
           loading: loadingMessages,
@@ -7559,13 +7544,13 @@ function HomeRoot(props2) {
   const [content, setContent] = useState12([]);
   const tagsKey = config.contentTags?.join(",");
   useEffect11(() => {
-    if (config.hideRecentConversations) return;
+    if (config.showRecentConversations === false) return;
     let cancelled = false;
     transport.listConversations({ limit: 1 }).then((res) => !cancelled && setRecent(res.conversations?.[0] ?? null)).catch((err) => !cancelled && log13.warn("listConversations (home) failed", { err }));
     return () => {
       cancelled = true;
     };
-  }, [transport, config.hideRecentConversations]);
+  }, [transport, config.showRecentConversations]);
   useEffect11(() => {
     if (!config.contentTags?.length) return;
     let cancelled = false;
@@ -7593,13 +7578,13 @@ function HomeRoot(props2) {
           /* @__PURE__ */ jsx32(HeaderActions, { panelProps, variant: "plain" })
         ] })
       ] }),
-      !config.hideGreeting ? /* @__PURE__ */ jsxs26(Fragment7, { children: [
+      config.showGreeting !== false ? /* @__PURE__ */ jsxs26(Fragment7, { children: [
         /* @__PURE__ */ jsx32("h1", { class: `${p28}-home-greeting`, "data-testid": TID.homeGreeting, children: greeting.title }),
         greeting.subtitle ? /* @__PURE__ */ jsx32("p", { class: `${p28}-home-lead`, children: greeting.subtitle }) : null
       ] }) : null
     ] }),
     /* @__PURE__ */ jsxs26("div", { class: `${p28}-home-cards`, children: [
-      !config.hideSearchBar ? /* @__PURE__ */ jsx32(
+      config.showSearchBar !== false ? /* @__PURE__ */ jsx32(
         HomeSearchButton,
         {
           placeholder: strings.homeSearchPlaceholder,
@@ -8752,12 +8737,12 @@ function App({ options, hostElement, bus }) {
   );
   const toolInteraction = useMemo3(
     () => ({
-      humanInLoop: !options.features.disableHumanInLoop,
+      humanInLoop: options.features.humanInLoop,
       onResult: handleToolResult,
       onDecision: handleToolDecision,
       onEdit: handleToolEdit
     }),
-    [options.features.disableHumanInLoop, handleToolResult, handleToolDecision, handleToolEdit]
+    [options.features.humanInLoop, handleToolResult, handleToolDecision, handleToolEdit]
   );
   const userMessageCount = () => messagesSig.value.reduce((n, m) => n + (m.role === "user" ? 1 : 0), 0);
   const effectiveForms = options.forms.list.length > 0 ? options.forms : remoteForms ?? options.forms;