@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.cjs.js +118 -115
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +118 -115
- package/dist/index.es.js.map +1 -1
- package/dist/src/components/assistant-ui/network-threads.d.ts +1 -2
- package/dist/src/components/assistant-ui/thread.d.ts +1 -2
- package/dist/src/domains/agents/components/agent-chat.d.ts +1 -1
- package/dist/src/domains/agents/components/agent-settings.d.ts +1 -0
- package/dist/src/domains/agents/context/agent-context.d.ts +4 -6
- package/dist/src/domains/agents/hooks/use-agent-settings-state.d.ts +10 -0
- package/dist/src/domains/agents/index.d.ts +1 -1
- package/dist/src/services/mastra-runtime-provider.d.ts +1 -1
- package/dist/src/services/network-runtime-provider.d.ts +5 -3
- package/dist/src/types.d.ts +5 -3
- package/package.json +3 -3
- package/dist/src/domains/agents/components/agent-model-settings.d.ts +0 -1
- package/dist/src/domains/agents/hooks/use-agent-model-settings-state.d.ts +0 -15
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
|
|
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
|
|
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
|
|
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, {
|
|
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 = (
|
|
4907
|
+
const ComposerAction$1 = () => {
|
|
4908
4908
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
4909
|
-
|
|
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
|
-
|
|
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 {
|
|
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
|
|
5355
|
-
|
|
5356
|
-
|
|
5357
|
-
|
|
5358
|
-
|
|
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
|
|
5361
|
-
const [
|
|
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
|
-
|
|
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
|
|
5377
|
-
|
|
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
|
-
|
|
5392
|
-
|
|
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
|
-
|
|
5400
|
-
|
|
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 {
|
|
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
|
-
|
|
5426
|
-
|
|
5427
|
-
|
|
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
|
-
|
|
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
|
-
|
|
5472
|
-
chatWithGenerate,
|
|
5446
|
+
settings,
|
|
5473
5447
|
runtimeContext,
|
|
5474
|
-
children: /* @__PURE__ */ jsx(Thread, { agentName: agentName ?? "", hasMemory: memory
|
|
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 {
|
|
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) =>
|
|
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) =>
|
|
6738
|
-
...
|
|
6739
|
-
|
|
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) =>
|
|
6753
|
-
...
|
|
6754
|
-
|
|
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) =>
|
|
6768
|
-
...
|
|
6769
|
-
|
|
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) =>
|
|
6783
|
-
...
|
|
6784
|
-
|
|
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) =>
|
|
6798
|
-
...
|
|
6799
|
-
|
|
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
|
-
|
|
6809
|
-
const {
|
|
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) =>
|
|
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) =>
|
|
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) =>
|
|
6850
|
-
|
|
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: () =>
|
|
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
|
-
|
|
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
|
|
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
|
|
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
|
|
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, {
|
|
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 = (
|
|
9462
|
+
const ComposerAction = () => {
|
|
9460
9463
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
9461
|
-
|
|
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,
|
|
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
|