@mastra/playground-ui 5.1.11 → 5.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -4815,7 +4815,7 @@ const ComposerAttachments = () => {
4815
4815
  return /* @__PURE__ */ jsx("div", { className: "flex w-full flex-row items-center gap-4 pb-2", children: /* @__PURE__ */ jsx(ComposerPrimitive.Attachments, { components: { Attachment: AttachmentThumbnail } }) });
4816
4816
  };
4817
4817
 
4818
- const Thread = ({ ToolFallback, agentName, hasMemory, showFileSupport }) => {
4818
+ const Thread = ({ ToolFallback, agentName, hasMemory }) => {
4819
4819
  const areaRef = useRef(null);
4820
4820
  useAutoscroll(areaRef, { enabled: true });
4821
4821
  const WrappedAssistantMessage = (props) => {
@@ -4836,7 +4836,7 @@ const Thread = ({ ToolFallback, agentName, hasMemory, showFileSupport }) => {
4836
4836
  ) }),
4837
4837
  /* @__PURE__ */ jsx(ThreadPrimitive.If, { empty: false, children: /* @__PURE__ */ jsx("div", {}) })
4838
4838
  ] }),
4839
- /* @__PURE__ */ jsx(Composer$1, { hasMemory, showFileSupport })
4839
+ /* @__PURE__ */ jsx(Composer$1, { hasMemory })
4840
4840
  ] });
4841
4841
  };
4842
4842
  const ThreadWrapper$1 = ({ children }) => {
@@ -4858,7 +4858,7 @@ const ThreadWelcome$1 = ({ agentName }) => {
4858
4858
  /* @__PURE__ */ jsx("p", { className: "mt-4 font-medium", children: "How can I help you today?" })
4859
4859
  ] }) });
4860
4860
  };
4861
- const Composer$1 = ({ hasMemory, showFileSupport }) => {
4861
+ const Composer$1 = ({ hasMemory }) => {
4862
4862
  return /* @__PURE__ */ jsxs("div", { className: "mx-4", children: [
4863
4863
  /* @__PURE__ */ jsxs(ComposerPrimitive.Root, { children: [
4864
4864
  /* @__PURE__ */ jsx("div", { className: "max-w-[568px] w-full mx-auto pb-2", children: /* @__PURE__ */ jsx(ComposerAttachments, {}) }),
@@ -4875,7 +4875,7 @@ const Composer$1 = ({ hasMemory, showFileSupport }) => {
4875
4875
  ) }),
4876
4876
  /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
4877
4877
  /* @__PURE__ */ jsx(SpeechInput$1, {}),
4878
- /* @__PURE__ */ jsx(ComposerAction$1, { showFileSupport })
4878
+ /* @__PURE__ */ jsx(ComposerAction$1, {})
4879
4879
  ] })
4880
4880
  ] })
4881
4881
  ] }),
@@ -4904,9 +4904,9 @@ const SpeechInput$1 = () => {
4904
4904
  }
4905
4905
  );
4906
4906
  };
4907
- const ComposerAction$1 = ({ showFileSupport }) => {
4907
+ const ComposerAction$1 = () => {
4908
4908
  return /* @__PURE__ */ jsxs(Fragment, { children: [
4909
- showFileSupport && /* @__PURE__ */ jsx(ComposerPrimitive.AddAttachment, { asChild: true, children: /* @__PURE__ */ jsx(TooltipIconButton, { tooltip: "Add attachment", variant: "ghost", className: "rounded-full", children: /* @__PURE__ */ jsx(PlusIcon, { className: "h-6 w-6 text-[#898989] hover:text-[#fff]" }) }) }),
4909
+ /* @__PURE__ */ jsx(ComposerPrimitive.AddAttachment, { asChild: true, children: /* @__PURE__ */ jsx(TooltipIconButton, { tooltip: "Add attachment", variant: "ghost", className: "rounded-full", children: /* @__PURE__ */ jsx(PlusIcon, { className: "h-6 w-6 text-[#898989] hover:text-[#fff]" }) }) }),
4910
4910
  /* @__PURE__ */ jsx(ThreadPrimitive.If, { running: false, children: /* @__PURE__ */ jsx(ComposerPrimitive.Send, { asChild: true, children: /* @__PURE__ */ jsx(
4911
4911
  TooltipIconButton,
4912
4912
  {
@@ -5034,18 +5034,27 @@ function MastraRuntimeProvider({
5034
5034
  children,
5035
5035
  agentId,
5036
5036
  initialMessages,
5037
- agentName,
5038
5037
  memory,
5039
5038
  threadId,
5040
5039
  refreshThreadList,
5041
- modelSettings = {},
5042
- chatWithGenerate,
5040
+ settings,
5043
5041
  runtimeContext
5044
5042
  }) {
5045
5043
  const [isRunning, setIsRunning] = useState(false);
5046
5044
  const [messages, setMessages] = useState([]);
5047
5045
  const [currentThreadId, setCurrentThreadId] = useState(threadId);
5048
- const { frequencyPenalty, presencePenalty, maxRetries, maxSteps, maxTokens, temperature, topK, topP, instructions } = modelSettings;
5046
+ const {
5047
+ frequencyPenalty,
5048
+ presencePenalty,
5049
+ maxRetries,
5050
+ maxSteps,
5051
+ maxTokens,
5052
+ temperature,
5053
+ topK,
5054
+ topP,
5055
+ instructions,
5056
+ chatWithGenerate
5057
+ } = settings?.modelSettings ?? {};
5049
5058
  const runtimeContextInstance = new RuntimeContext();
5050
5059
  Object.entries(runtimeContext ?? {}).forEach(([key, value]) => {
5051
5060
  runtimeContextInstance.set(key, value);
@@ -5351,82 +5360,56 @@ function MastraRuntimeProvider({
5351
5360
  ] });
5352
5361
  }
5353
5362
 
5354
- const defaultModelSettings$1 = {
5355
- maxRetries: 2,
5356
- maxSteps: 5,
5357
- temperature: 0.5,
5358
- topP: 1
5363
+ const defaultSettings = {
5364
+ modelSettings: {
5365
+ maxRetries: 2,
5366
+ maxSteps: 5,
5367
+ temperature: 0.5,
5368
+ topP: 1,
5369
+ chatWithGenerate: false
5370
+ }
5359
5371
  };
5360
- function useAgentModelSettingsState({ agentId }) {
5361
- const [modelSettings, setModelSettingsState] = useState(void 0);
5362
- const [chatWithGenerate, setChatWithGenerateState] = useState(false);
5372
+ function useAgentSettingsState({ agentId }) {
5373
+ const [settings, setSettingsState] = useState(void 0);
5363
5374
  const LOCAL_STORAGE_KEY = `mastra-agent-store-${agentId}`;
5364
5375
  useEffect(() => {
5365
5376
  try {
5366
5377
  const stored = localStorage.getItem(LOCAL_STORAGE_KEY);
5367
5378
  if (stored) {
5368
5379
  const parsed = JSON.parse(stored);
5369
- setModelSettingsState(parsed.modelSettings ?? void 0);
5370
- setChatWithGenerateState(parsed.chatWithGenerate ?? false);
5380
+ setSettingsState(parsed ?? void 0);
5371
5381
  }
5372
5382
  } catch (e) {
5373
5383
  console.error(e);
5374
5384
  }
5375
5385
  }, [LOCAL_STORAGE_KEY]);
5376
- const setModelSettings = (modelSettingsValue) => {
5377
- setModelSettingsState((prev) => ({ ...prev, ...modelSettingsValue }));
5378
- localStorage.setItem(
5379
- LOCAL_STORAGE_KEY,
5380
- JSON.stringify({ modelSettings: modelSettingsValue, chatWithGenerate, agentId })
5381
- );
5382
- };
5383
- const setChatWithGenerate = (chatWithGenerateValue) => {
5384
- setChatWithGenerateState(chatWithGenerateValue);
5385
- localStorage.setItem(
5386
- LOCAL_STORAGE_KEY,
5387
- JSON.stringify({ modelSettings, chatWithGenerate: chatWithGenerateValue, agentId })
5388
- );
5386
+ const setSettings = (settingsValue) => {
5387
+ setSettingsState((prev) => ({ ...prev, ...settingsValue }));
5388
+ localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify({ ...settingsValue, agentId }));
5389
5389
  };
5390
5390
  const resetAll = () => {
5391
- setModelSettingsState(defaultModelSettings$1);
5392
- setChatWithGenerate(false);
5393
- localStorage.setItem(
5394
- LOCAL_STORAGE_KEY,
5395
- JSON.stringify({ modelSettings: defaultModelSettings$1, chatWithGenerate: false, agentId })
5396
- );
5391
+ setSettingsState(defaultSettings);
5392
+ localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(defaultSettings));
5397
5393
  };
5398
5394
  return {
5399
- modelSettings,
5400
- chatWithGenerate,
5401
- setModelSettings,
5402
- setChatWithGenerate,
5395
+ settings,
5396
+ setSettings,
5403
5397
  resetAll
5404
5398
  };
5405
5399
  }
5406
5400
 
5407
5401
  const AgentSettingsContext = createContext({});
5408
5402
  function AgentSettingsProvider({ children, agentId }) {
5409
- const { modelSettings, setModelSettings, chatWithGenerate, setChatWithGenerate, resetAll } = useAgentModelSettingsState({
5403
+ const { settings, setSettings, resetAll } = useAgentSettingsState({
5410
5404
  agentId
5411
5405
  });
5412
- const onChangeModelSettings = (modelSettings2) => {
5413
- setModelSettings(modelSettings2);
5414
- };
5415
- const onChangeChatWithGenerate = (chatWithGenerate2) => {
5416
- setChatWithGenerate(chatWithGenerate2);
5417
- };
5418
- const onReset = () => {
5419
- resetAll();
5420
- };
5421
5406
  return /* @__PURE__ */ jsx(
5422
5407
  AgentSettingsContext.Provider,
5423
5408
  {
5424
5409
  value: {
5425
- modelSettings: modelSettings ?? defaultModelSettings$1,
5426
- setModelSettings: onChangeModelSettings,
5427
- resetModelSettings: onReset,
5428
- chatWithGenerate: chatWithGenerate ?? false,
5429
- setChatWithGenerate: onChangeChatWithGenerate
5410
+ settings,
5411
+ setSettings,
5412
+ resetAll
5430
5413
  },
5431
5414
  children
5432
5415
  }
@@ -5448,16 +5431,8 @@ const usePlaygroundStore = create()(
5448
5431
  )
5449
5432
  );
5450
5433
 
5451
- const AgentChat = ({
5452
- agentId,
5453
- agentName,
5454
- threadId,
5455
- initialMessages,
5456
- memory,
5457
- refreshThreadList,
5458
- showFileSupport
5459
- }) => {
5460
- const { modelSettings, chatWithGenerate } = useAgentSettings();
5434
+ const AgentChat = ({ agentId, agentName, threadId, initialMessages, memory, refreshThreadList }) => {
5435
+ const { settings } = useAgentSettings();
5461
5436
  const { runtimeContext } = usePlaygroundStore();
5462
5437
  return /* @__PURE__ */ jsx(
5463
5438
  MastraRuntimeProvider,
@@ -5468,10 +5443,9 @@ const AgentChat = ({
5468
5443
  initialMessages,
5469
5444
  memory,
5470
5445
  refreshThreadList,
5471
- modelSettings,
5472
- chatWithGenerate,
5446
+ settings,
5473
5447
  runtimeContext,
5474
- children: /* @__PURE__ */ jsx(Thread, { agentName: agentName ?? "", hasMemory: memory, showFileSupport })
5448
+ children: /* @__PURE__ */ jsx(Thread, { agentName: agentName ?? "", hasMemory: memory })
5475
5449
  }
5476
5450
  );
5477
5451
  };
@@ -6703,7 +6677,7 @@ const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
6703
6677
  const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
6704
6678
 
6705
6679
  const AgentAdvancedSettings = () => {
6706
- const { modelSettings, setModelSettings } = useAgentSettings();
6680
+ const { settings, setSettings } = useAgentSettings();
6707
6681
  const [isOpen, setIsOpen] = useState(false);
6708
6682
  const collapsibleClassName = "rounded-lg border-sm border-border1 bg-surface3 overflow-clip";
6709
6683
  const collapsibleTriggerClassName = "text-icon3 text-ui-lg font-medium flex items-center gap-2 w-full p-[10px] justify-between";
@@ -6721,8 +6695,14 @@ const AgentAdvancedSettings = () => {
6721
6695
  {
6722
6696
  id: "top-k",
6723
6697
  type: "number",
6724
- value: modelSettings?.topK || "",
6725
- onChange: (e) => setModelSettings({ ...modelSettings, topK: e.target.value ? Number(e.target.value) : void 0 })
6698
+ value: settings?.modelSettings?.topK || "",
6699
+ onChange: (e) => setSettings({
6700
+ ...settings,
6701
+ modelSettings: {
6702
+ ...settings?.modelSettings,
6703
+ topK: e.target.value ? Number(e.target.value) : void 0
6704
+ }
6705
+ })
6726
6706
  }
6727
6707
  )
6728
6708
  ] }),
@@ -6733,10 +6713,13 @@ const AgentAdvancedSettings = () => {
6733
6713
  {
6734
6714
  id: "frequency-penalty",
6735
6715
  type: "number",
6736
- value: modelSettings?.frequencyPenalty || "",
6737
- onChange: (e) => setModelSettings({
6738
- ...modelSettings,
6739
- frequencyPenalty: e.target.value ? Number(e.target.value) : void 0
6716
+ value: settings?.modelSettings?.frequencyPenalty || "",
6717
+ onChange: (e) => setSettings({
6718
+ ...settings,
6719
+ modelSettings: {
6720
+ ...settings?.modelSettings,
6721
+ frequencyPenalty: e.target.value ? Number(e.target.value) : void 0
6722
+ }
6740
6723
  })
6741
6724
  }
6742
6725
  )
@@ -6748,10 +6731,13 @@ const AgentAdvancedSettings = () => {
6748
6731
  {
6749
6732
  id: "presence-penalty",
6750
6733
  type: "number",
6751
- value: modelSettings?.presencePenalty || "",
6752
- onChange: (e) => setModelSettings({
6753
- ...modelSettings,
6754
- presencePenalty: e.target.value ? Number(e.target.value) : void 0
6734
+ value: settings?.modelSettings?.presencePenalty || "",
6735
+ onChange: (e) => setSettings({
6736
+ ...settings,
6737
+ modelSettings: {
6738
+ ...settings?.modelSettings,
6739
+ presencePenalty: e.target.value ? Number(e.target.value) : void 0
6740
+ }
6755
6741
  })
6756
6742
  }
6757
6743
  )
@@ -6763,10 +6749,13 @@ const AgentAdvancedSettings = () => {
6763
6749
  {
6764
6750
  id: "max-tokens",
6765
6751
  type: "number",
6766
- value: modelSettings?.maxTokens || "",
6767
- onChange: (e) => setModelSettings({
6768
- ...modelSettings,
6769
- maxTokens: e.target.value ? Number(e.target.value) : void 0
6752
+ value: settings?.modelSettings?.maxTokens || "",
6753
+ onChange: (e) => setSettings({
6754
+ ...settings,
6755
+ modelSettings: {
6756
+ ...settings?.modelSettings,
6757
+ maxTokens: e.target.value ? Number(e.target.value) : void 0
6758
+ }
6770
6759
  })
6771
6760
  }
6772
6761
  )
@@ -6778,10 +6767,13 @@ const AgentAdvancedSettings = () => {
6778
6767
  {
6779
6768
  id: "max-steps",
6780
6769
  type: "number",
6781
- value: modelSettings?.maxSteps || "",
6782
- onChange: (e) => setModelSettings({
6783
- ...modelSettings,
6784
- maxSteps: e.target.value ? Number(e.target.value) : void 0
6770
+ value: settings?.modelSettings?.maxSteps || "",
6771
+ onChange: (e) => setSettings({
6772
+ ...settings,
6773
+ modelSettings: {
6774
+ ...settings?.modelSettings,
6775
+ maxSteps: e.target.value ? Number(e.target.value) : void 0
6776
+ }
6785
6777
  })
6786
6778
  }
6787
6779
  )
@@ -6793,10 +6785,13 @@ const AgentAdvancedSettings = () => {
6793
6785
  {
6794
6786
  id: "max-retries",
6795
6787
  type: "number",
6796
- value: modelSettings?.maxRetries || "",
6797
- onChange: (e) => setModelSettings({
6798
- ...modelSettings,
6799
- maxRetries: e.target.value ? Number(e.target.value) : void 0
6788
+ value: settings?.modelSettings?.maxRetries || "",
6789
+ onChange: (e) => setSettings({
6790
+ ...settings,
6791
+ modelSettings: {
6792
+ ...settings?.modelSettings,
6793
+ maxRetries: e.target.value ? Number(e.target.value) : void 0
6794
+ }
6800
6795
  })
6801
6796
  }
6802
6797
  )
@@ -6805,16 +6800,19 @@ const AgentAdvancedSettings = () => {
6805
6800
  ] });
6806
6801
  };
6807
6802
 
6808
- function AgentModelSettings() {
6809
- const { modelSettings, setModelSettings, chatWithGenerate, setChatWithGenerate, resetModelSettings } = useAgentSettings();
6803
+ const AgentSettings = () => {
6804
+ const { settings, setSettings, resetAll } = useAgentSettings();
6810
6805
  return /* @__PURE__ */ jsxs("div", { className: "px-5 text-xs py-2 pb-4", children: [
6811
6806
  /* @__PURE__ */ jsxs("section", { className: "space-y-7", children: [
6812
6807
  /* @__PURE__ */ jsx(Entry, { label: "Chat Method", children: /* @__PURE__ */ jsxs(
6813
6808
  RadioGroup,
6814
6809
  {
6815
6810
  orientation: "horizontal",
6816
- value: chatWithGenerate ? "generate" : "stream",
6817
- onValueChange: (value) => setChatWithGenerate(value === "generate"),
6811
+ value: settings?.modelSettings?.chatWithGenerate ? "generate" : "stream",
6812
+ onValueChange: (value) => setSettings({
6813
+ ...settings,
6814
+ modelSettings: { ...settings?.modelSettings, chatWithGenerate: value === "generate" }
6815
+ }),
6818
6816
  className: "flex flex-row gap-4",
6819
6817
  children: [
6820
6818
  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -6833,37 +6831,43 @@ function AgentModelSettings() {
6833
6831
  /* @__PURE__ */ jsx(
6834
6832
  Slider,
6835
6833
  {
6836
- value: [modelSettings?.temperature ?? -0.1],
6834
+ value: [settings?.modelSettings?.temperature ?? -0.1],
6837
6835
  max: 1,
6838
6836
  min: -0.1,
6839
6837
  step: 0.1,
6840
- onValueChange: (value) => setModelSettings({ ...modelSettings, temperature: value[0] < 0 ? void 0 : value[0] })
6838
+ onValueChange: (value) => setSettings({
6839
+ ...settings,
6840
+ modelSettings: { ...settings?.modelSettings, temperature: value[0] < 0 ? void 0 : value[0] }
6841
+ })
6841
6842
  }
6842
6843
  ),
6843
- /* @__PURE__ */ jsx(Txt, { as: "p", variant: "ui-sm", className: "text-icon3", children: modelSettings?.temperature ?? "n/a" })
6844
+ /* @__PURE__ */ jsx(Txt, { as: "p", variant: "ui-sm", className: "text-icon3", children: settings?.modelSettings?.temperature ?? "n/a" })
6844
6845
  ] }) }),
6845
6846
  /* @__PURE__ */ jsx(Entry, { label: "Top P", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-row justify-between items-center gap-2", children: [
6846
6847
  /* @__PURE__ */ jsx(
6847
6848
  Slider,
6848
6849
  {
6849
- onValueChange: (value) => setModelSettings({ ...modelSettings, topP: value[0] < 0 ? void 0 : value[0] }),
6850
- value: [modelSettings?.topP ?? -0.1],
6850
+ onValueChange: (value) => setSettings({
6851
+ ...settings,
6852
+ modelSettings: { ...settings?.modelSettings, topP: value[0] < 0 ? void 0 : value[0] }
6853
+ }),
6854
+ value: [settings?.modelSettings?.topP ?? -0.1],
6851
6855
  max: 1,
6852
6856
  min: -0.1,
6853
6857
  step: 0.1
6854
6858
  }
6855
6859
  ),
6856
- /* @__PURE__ */ jsx(Txt, { as: "p", variant: "ui-sm", className: "text-icon3", children: modelSettings?.topP ?? "n/a" })
6860
+ /* @__PURE__ */ jsx(Txt, { as: "p", variant: "ui-sm", className: "text-icon3", children: settings?.modelSettings?.topP ?? "n/a" })
6857
6861
  ] }) })
6858
6862
  ] })
6859
6863
  ] }),
6860
6864
  /* @__PURE__ */ jsx("section", { className: "py-7", children: /* @__PURE__ */ jsx(AgentAdvancedSettings, {}) }),
6861
- /* @__PURE__ */ jsxs(Button, { onClick: () => resetModelSettings(), variant: "light", className: "w-full", size: "lg", children: [
6865
+ /* @__PURE__ */ jsxs(Button, { onClick: () => resetAll(), variant: "light", className: "w-full", size: "lg", children: [
6862
6866
  /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(RefreshCw, {}) }),
6863
6867
  "Reset"
6864
6868
  ] })
6865
6869
  ] });
6866
- }
6870
+ };
6867
6871
 
6868
6872
  const convertMessage$1 = (message) => {
6869
6873
  return message;
@@ -6874,8 +6878,7 @@ function MastraNetworkRuntimeProvider({
6874
6878
  initialMessages,
6875
6879
  memory,
6876
6880
  threadId,
6877
- refreshThreadList,
6878
- modelSettings = {}
6881
+ modelSettings
6879
6882
  }) {
6880
6883
  const [isRunning, setIsRunning] = useState(false);
6881
6884
  const [messages, setMessages] = useState(initialMessages || []);
@@ -9355,7 +9358,7 @@ const AssistantActionBar = () => {
9355
9358
  );
9356
9359
  };
9357
9360
 
9358
- const NetworkThread = ({ ToolFallback, networkName, hasMemory, showFileSupport }) => {
9361
+ const NetworkThread = ({ ToolFallback, networkName, hasMemory }) => {
9359
9362
  const areaRef = useRef(null);
9360
9363
  useAutoscroll(areaRef, { enabled: true });
9361
9364
  const WrappedAssistantMessage = (props) => {
@@ -9378,7 +9381,7 @@ const NetworkThread = ({ ToolFallback, networkName, hasMemory, showFileSupport }
9378
9381
  ] }),
9379
9382
  /* @__PURE__ */ jsx(ThreadPrimitive.If, { empty: false, children: /* @__PURE__ */ jsx("div", {}) })
9380
9383
  ] }),
9381
- /* @__PURE__ */ jsx(Composer, { hasMemory, showFileSupport })
9384
+ /* @__PURE__ */ jsx(Composer, { hasMemory })
9382
9385
  ] });
9383
9386
  };
9384
9387
  const ThreadWrapper = ({ children }) => {
@@ -9410,7 +9413,7 @@ const ThreadWelcome = ({ networkName }) => {
9410
9413
  /* @__PURE__ */ jsx("p", { className: "mt-4 font-medium", children: "How can I help you today?" })
9411
9414
  ] }) });
9412
9415
  };
9413
- const Composer = ({ hasMemory, showFileSupport }) => {
9416
+ const Composer = ({ hasMemory }) => {
9414
9417
  return /* @__PURE__ */ jsxs("div", { children: [
9415
9418
  /* @__PURE__ */ jsxs(ComposerPrimitive.Root, { children: [
9416
9419
  /* @__PURE__ */ jsx(ComposerAttachments, {}),
@@ -9427,7 +9430,7 @@ const Composer = ({ hasMemory, showFileSupport }) => {
9427
9430
  ) }),
9428
9431
  /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
9429
9432
  /* @__PURE__ */ jsx(SpeechInput, {}),
9430
- /* @__PURE__ */ jsx(ComposerAction, { showFileSupport })
9433
+ /* @__PURE__ */ jsx(ComposerAction, {})
9431
9434
  ] })
9432
9435
  ] })
9433
9436
  ] }),
@@ -9456,9 +9459,9 @@ const SpeechInput = () => {
9456
9459
  }
9457
9460
  );
9458
9461
  };
9459
- const ComposerAction = ({ showFileSupport }) => {
9462
+ const ComposerAction = () => {
9460
9463
  return /* @__PURE__ */ jsxs(Fragment, { children: [
9461
- showFileSupport && /* @__PURE__ */ jsx(ComposerPrimitive.AddAttachment, { asChild: true, children: /* @__PURE__ */ jsx(TooltipIconButton, { tooltip: "Add attachment", variant: "ghost", className: "rounded-full", children: /* @__PURE__ */ jsx(PlusIcon, { className: "h-6 w-6 text-[#898989] hover:text-[#fff]" }) }) }),
9464
+ /* @__PURE__ */ jsx(ComposerPrimitive.AddAttachment, { asChild: true, children: /* @__PURE__ */ jsx(TooltipIconButton, { tooltip: "Add attachment", variant: "ghost", className: "rounded-full", children: /* @__PURE__ */ jsx(PlusIcon, { className: "h-6 w-6 text-[#898989] hover:text-[#fff]" }) }) }),
9462
9465
  /* @__PURE__ */ jsx(ThreadPrimitive.If, { running: false, children: /* @__PURE__ */ jsx(ComposerPrimitive.Send, { asChild: true, children: /* @__PURE__ */ jsx(
9463
9466
  TooltipIconButton,
9464
9467
  {
@@ -11925,5 +11928,5 @@ function usePolling({
11925
11928
  };
11926
11929
  }
11927
11930
 
11928
- export { AgentChat, AgentCoinIcon, AgentEvals, AgentIcon, AgentModelSettings, AgentNetworkCoinIcon, AgentSettingsContext, AgentSettingsProvider, AgentTraces, AiIcon, ApiIcon, Badge$1 as Badge, BranchIcon, Breadcrumb, Button, Cell, CheckIcon, ChevronIcon, CommitIcon, CrossIcon, Crumb, DarkLogo, DataTable, DateTimeCell, DbIcon, DebugIcon, DeploymentIcon, DividerIcon, DocsIcon, DynamicForm, EmptyState, Entity, EntityContent, EntityDescription, EntityIcon, EntityName, Entry, EntryCell, EnvIcon, EvaluatorCoinIcon, FiltersIcon, FolderIcon, GithubCoinIcon, GithubIcon, GoogleIcon, Header, HeaderAction, HeaderGroup, HeaderTitle, HomeIcon, Icon, InfoIcon, JudgeIcon, LatencyIcon, LegacyWorkflowGraph, LegacyWorkflowTrigger, LogsIcon, MainContentContent, MainContentLayout, MastraClientProvider, MastraResizablePanel, McpCoinIcon, McpServerIcon, MemoryIcon, NetworkChat, NetworkContext, NetworkProvider, OpenAIIcon, PromptIcon, RadioGroup, RadioGroupItem, RepoIcon, Row, ScoreIcon, SettingsIcon, SlashIcon, Table, Tbody, Th, Thead, ThreadDeleteButton, ThreadItem, ThreadLink, ThreadList, Threads, ToolCoinIcon, ToolsIcon, TraceIcon, TsIcon, Txt, TxtCell, UnitCell, VNextNetworkChat, VariablesIcon, WorkflowCoinIcon, WorkflowGraph, WorkflowIcon, WorkflowRunContext, WorkflowRunProvider, WorkflowRuns, WorkflowTraces, WorkflowTrigger, useAgentSettings, useCurrentRun, useMastraClient, usePlaygroundStore, usePolling, useSpeechRecognition };
11931
+ export { AgentChat, AgentCoinIcon, AgentEvals, AgentIcon, AgentNetworkCoinIcon, AgentSettings, AgentSettingsContext, AgentSettingsProvider, AgentTraces, AiIcon, ApiIcon, Badge$1 as Badge, BranchIcon, Breadcrumb, Button, Cell, CheckIcon, ChevronIcon, CommitIcon, CrossIcon, Crumb, DarkLogo, DataTable, DateTimeCell, DbIcon, DebugIcon, DeploymentIcon, DividerIcon, DocsIcon, DynamicForm, EmptyState, Entity, EntityContent, EntityDescription, EntityIcon, EntityName, Entry, EntryCell, EnvIcon, EvaluatorCoinIcon, FiltersIcon, FolderIcon, GithubCoinIcon, GithubIcon, GoogleIcon, Header, HeaderAction, HeaderGroup, HeaderTitle, HomeIcon, Icon, InfoIcon, JudgeIcon, LatencyIcon, LegacyWorkflowGraph, LegacyWorkflowTrigger, LogsIcon, MainContentContent, MainContentLayout, MastraClientProvider, MastraResizablePanel, McpCoinIcon, McpServerIcon, MemoryIcon, NetworkChat, NetworkContext, NetworkProvider, OpenAIIcon, PromptIcon, RadioGroup, RadioGroupItem, RepoIcon, Row, ScoreIcon, SettingsIcon, SlashIcon, Table, Tbody, Th, Thead, ThreadDeleteButton, ThreadItem, ThreadLink, ThreadList, Threads, ToolCoinIcon, ToolsIcon, TraceIcon, TsIcon, Txt, TxtCell, UnitCell, VNextNetworkChat, VariablesIcon, WorkflowCoinIcon, WorkflowGraph, WorkflowIcon, WorkflowRunContext, WorkflowRunProvider, WorkflowRuns, WorkflowTraces, WorkflowTrigger, useAgentSettings, useCurrentRun, useMastraClient, usePlaygroundStore, usePolling, useSpeechRecognition };
11929
11932
  //# sourceMappingURL=index.es.js.map