@blocklet/pages-kit 0.2.316 → 0.2.317

package/lib/cjs/builtin/async/ai-runtime/components/MarkdownRenderer.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -17,7 +40,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@iconify/react");
 const material_1 = require("@mui/material");
-const react_2 = __importDefault(require("react"));
+const react_2 = __importStar(require("react"));
 const react_markdown_1 = __importDefault(require("react-markdown"));
 const remark_gfm_1 = __importDefault(require("remark-gfm"));
 const locale_1 = require("../../../locale");
@@ -31,7 +54,7 @@ const MarkdownRenderer = (0, material_1.styled)((props) => ((0, jsx_runtime_1.js
             if (!children)
                 return null;
             const match = /language-(\w+)/.exec(className || '');
-            return !inline ? ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ component: ReactSyntaxHighlighter, language: match === null || match === void 0 ? void 0 : match[1] }, props, { sx: { borderRadius: 1 }, children: String(children).replace(/\n$/, '') }))) : ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ component: "code", className: className }, props, { children: children })));
+            return !inline ? ((0, jsx_runtime_1.jsx)(react_2.Suspense, { children: (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ component: ReactSyntaxHighlighter, language: match === null || match === void 0 ? void 0 : match[1] }, props, { sx: { borderRadius: 1 }, children: String(children).replace(/\n$/, '') })) })) : ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ component: "code", className: className }, props, { children: children })));
         },
         table: ({ className, children }) => {
             return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { overflow: 'auto', my: 1 }, children: (0, jsx_runtime_1.jsx)("table", { className: className, children: children }) }));
@@ -85,6 +108,7 @@ const MarkdownRenderer = (0, material_1.styled)((props) => ((0, jsx_runtime_1.js
     }
   }
 
+  &.writing:empty,
   &.writing > *:last-child {
     &:after {
       content: '';

package/lib/cjs/builtin/async/ai-runtime/components/OutputFieldContainer/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@iconify/react");
+const material_1 = require("@mui/material");
+function OutputFieldContainer(_a) {
+    var _b;
+    var { output } = _a, props = __rest(_a, ["output"]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ gap: 1 }, props, { children: [((_b = output.appearance) === null || _b === void 0 ? void 0 : _b.title) && ((0, jsx_runtime_1.jsxs)(material_1.Typography, { component: "h6", noWrap: true, sx: { display: 'flex', alignItems: 'center', gap: 1, fontSize: 18, fontWeight: 500 }, children: [output.appearance.icon && (0, jsx_runtime_1.jsx)(material_1.Box, { component: react_1.Icon, icon: output.appearance.icon }), (0, jsx_runtime_1.jsx)(material_1.Box, { component: "span", sx: { flex: 1, textOverflow: 'hidden' }, children: output.appearance.title })] })), props.children] })));
+}
+exports.default = OutputFieldContainer;

package/lib/cjs/builtin/async/ai-runtime/components/ShareActions/index.js

@@ -72,7 +72,7 @@ function ShareActions(_a) {
         const C = ShareActionsMap[item.to];
         if (!C)
             return null;
-        return (0, jsx_runtime_1.jsx)(C, {});
+        return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(C, {}) }));
     }).filter((i) => !!i);
     if (!(items === null || items === void 0 ? void 0 : items.length))
         return null;

package/lib/cjs/builtin/async/ai-runtime/constants.js

@@ -1,8 +1,38 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_OUTPUT_COMPONENT_ID = exports.DEFAULT_INPUT_COMPONENT_ID = exports.DEFAULT_PAGE_COMPONENT_ID = exports.PAYMENT_KIT_DID = exports.AI_STUDIO_DID = void 0;
+exports.getDefaultOutputComponent = exports.DEFAULT_OUTPUT_COMPONENTS = exports.IMAGES_VIEW_ID = exports.SHARE_VIEW_ID = exports.REFERENCED_LINKS_VIEW_ID = exports.SUGGESTED_QUESTIONS_VIEW_ID = exports.MARKDOWN_VIEW_ID = exports.DEFAULT_OUTPUT_COMPONENT_ID = exports.DEFAULT_INPUT_COMPONENT_ID = exports.DEFAULT_PAGE_COMPONENT_ID = exports.PAYMENT_KIT_DID = exports.AI_STUDIO_DID = void 0;
+const types_1 = require("@blocklet/ai-runtime/types");
 exports.AI_STUDIO_DID = 'z8iZpog7mcgcgBZzTiXJCWESvmnRrQmnd3XBB';
 exports.PAYMENT_KIT_DID = 'z2qaCNvKMv5GjouKdcDWexv6WqtHbpNPQDnAk';
-exports.DEFAULT_PAGE_COMPONENT_ID = 'ctnxha29uu8cx4xv';
-exports.DEFAULT_INPUT_COMPONENT_ID = '1wwtemqcdio6nqf0';
-exports.DEFAULT_OUTPUT_COMPONENT_ID = 'q0ckknkxph4hfwas';
+exports.DEFAULT_PAGE_COMPONENT_ID = 'ctnxha29uu8cx4xv'; // Simple Layout
+exports.DEFAULT_INPUT_COMPONENT_ID = '1wwtemqcdio6nqf0'; // Auto Form
+exports.DEFAULT_OUTPUT_COMPONENT_ID = 'q0ckknkxph4hfwas'; // Simple Output
+exports.MARKDOWN_VIEW_ID = 'a4oldpoxv7bikvpj';
+exports.SUGGESTED_QUESTIONS_VIEW_ID = '6u8m11ss7fvu8t7i';
+exports.REFERENCED_LINKS_VIEW_ID = 'baqmaoccdntqwayc';
+exports.SHARE_VIEW_ID = 'jfq3df9z8lkk9not';
+exports.IMAGES_VIEW_ID = 'txirtdgx8h2bmo7s';
+exports.DEFAULT_OUTPUT_COMPONENTS = {
+    [types_1.RuntimeOutputVariable.text]: {
+        componentId: exports.MARKDOWN_VIEW_ID,
+    },
+    [types_1.RuntimeOutputVariable.images]: {
+        componentId: exports.IMAGES_VIEW_ID,
+    },
+    [types_1.RuntimeOutputVariable.openingMessage]: {
+        componentId: exports.MARKDOWN_VIEW_ID,
+    },
+    [types_1.RuntimeOutputVariable.suggestedQuestions]: {
+        componentId: exports.SUGGESTED_QUESTIONS_VIEW_ID,
+    },
+    [types_1.RuntimeOutputVariable.referenceLinks]: {
+        componentId: exports.REFERENCED_LINKS_VIEW_ID,
+    },
+    [types_1.RuntimeOutputVariable.share]: {
+        componentId: exports.SHARE_VIEW_ID,
+    },
+};
+function getDefaultOutputComponent(output) {
+    return exports.DEFAULT_OUTPUT_COMPONENTS[output.name];
+}
+exports.getDefaultOutputComponent = getDefaultOutputComponent;

package/lib/cjs/builtin/async/ai-runtime/contexts/ActiveAgent.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useActiveAgent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const types_1 = require("@blocklet/ai-runtime/types");
+const react_1 = require("react");
+const runtime_1 = require("../state/runtime");
+const runtime_output_schema_1 = require("../utils/runtime-output-schema");
+const activeAgentContext = (0, react_1.createContext)(undefined);
+function useActiveAgent() {
+    const context = (0, react_1.useContext)(activeAgentContext);
+    if (!context) {
+        throw new Error('No such activeAgentContext. You should use `useActiveAgent` within the `ActiveAgentProvider`');
+    }
+    return context;
+}
+exports.useActiveAgent = useActiveAgent;
+function ActiveAgentProvider({ children }) {
+    const { agent } = (0, runtime_1.useRuntimeState)();
+    const childAgentId = (0, react_1.useMemo)(() => {
+        var _a, _b, _c, _d;
+        return (_d = (_c = (_b = (_a = (0, runtime_output_schema_1.getOutputVariableInitialValue)(agent, types_1.RuntimeOutputVariable.children)) === null || _a === void 0 ? void 0 : _a.agents) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.id) !== null && _d !== void 0 ? _d : agent.id;
+    }, [agent]);
+    const [activeAgentId, setActiveAgentId] = (0, react_1.useState)(childAgentId);
+    const activeAgent = (0, react_1.useMemo)(() => ({ activeAgentId, setActiveAgentId }), [activeAgentId, setActiveAgentId]);
+    return (0, jsx_runtime_1.jsx)(activeAgentContext.Provider, { value: activeAgent, children: children });
+}
+exports.default = ActiveAgentProvider;

package/lib/cjs/builtin/async/ai-runtime/contexts/ComponentPreferences.js

@@ -0,0 +1,27 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useComponentPreferences = exports.ComponentPreferencesProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const componentPreferencesContext = (0, react_1.createContext)(undefined);
+function ComponentPreferencesProvider(_a) {
+    var { children } = _a, preferences = __rest(_a, ["children"]);
+    const value = (0, react_1.useMemo)(() => (Object.assign({}, preferences)), Object.values(preferences));
+    return (0, jsx_runtime_1.jsx)(componentPreferencesContext.Provider, { value: value, children: children });
+}
+exports.ComponentPreferencesProvider = ComponentPreferencesProvider;
+function useComponentPreferences() {
+    return (0, react_1.useContext)(componentPreferencesContext);
+}
+exports.useComponentPreferences = useComponentPreferences;

package/lib/cjs/builtin/async/ai-runtime/contexts/CurrentMessage.js

@@ -9,9 +9,9 @@ function CurrentMessageProvider({ message, children }) {
     return (0, jsx_runtime_1.jsx)(context.Provider, { value: state, children: children });
 }
 exports.default = CurrentMessageProvider;
-function useCurrentMessage() {
+function useCurrentMessage({ optional } = {}) {
     const current = (0, react_1.useContext)(context);
-    if (!current) {
+    if (!optional && !current) {
         throw new Error('No such message state. You should use `useCurrentMessage` within the `CurrentMessageProvider`');
     }
     return current;

package/lib/cjs/builtin/async/ai-runtime/hooks/use-appearances.js

@@ -13,14 +13,16 @@ function useAppearances(args) {
     const { agent: runtimeAgent } = (0, runtime_1.useRuntimeState)();
     const { agent } = (0, CurrentAgent_1.useCurrentAgent)(args);
     const appearancePage = (0, react_1.useMemo)(() => {
-        const appearance = (0, runtime_output_schema_1.getOutputVariableInitialValue)(agent, types_1.RuntimeOutputVariable.appearancePage);
+        var _a, _b;
+        const appearance = (_b = (_a = agent.outputVariables) === null || _a === void 0 ? void 0 : _a.find((i) => i.name === types_1.RuntimeOutputVariable.appearancePage)) === null || _b === void 0 ? void 0 : _b.appearance;
         return Object.assign(Object.assign({}, appearance), { componentId: (appearance === null || appearance === void 0 ? void 0 : appearance.componentId) || constants_1.DEFAULT_PAGE_COMPONENT_ID });
     }, [agent]);
     const appearanceInput = (0, react_1.useMemo)(() => {
-        const appearance = (0, runtime_output_schema_1.getOutputVariableInitialValue)(agent, types_1.RuntimeOutputVariable.appearanceInput);
+        var _a, _b, _c, _d;
+        const appearance = (_b = (_a = agent.outputVariables) === null || _a === void 0 ? void 0 : _a.find((i) => i.name === types_1.RuntimeOutputVariable.appearanceInput)) === null || _b === void 0 ? void 0 : _b.appearance;
         if (appearance)
             return appearance;
-        const runtimeAppearance = (0, runtime_output_schema_1.getOutputVariableInitialValue)(runtimeAgent, types_1.RuntimeOutputVariable.appearanceInput);
+        const runtimeAppearance = (_d = (_c = runtimeAgent.outputVariables) === null || _c === void 0 ? void 0 : _c.find((i) => i.name === types_1.RuntimeOutputVariable.appearanceInput)) === null || _d === void 0 ? void 0 : _d.appearance;
         if (runtimeAppearance)
             return runtimeAppearance;
         return {
@@ -28,10 +30,11 @@ function useAppearances(args) {
         };
     }, [agent, runtimeAgent]);
     const appearanceOutput = (0, react_1.useMemo)(() => {
-        const appearance = (0, runtime_output_schema_1.getOutputVariableInitialValue)(agent, types_1.RuntimeOutputVariable.appearanceOutput);
+        var _a, _b, _c, _d;
+        const appearance = (_b = (_a = agent.outputVariables) === null || _a === void 0 ? void 0 : _a.find((i) => i.name === types_1.RuntimeOutputVariable.appearanceOutput)) === null || _b === void 0 ? void 0 : _b.appearance;
         if (appearance === null || appearance === void 0 ? void 0 : appearance.componentId)
             return appearance;
-        const runtimeAppearance = (0, runtime_output_schema_1.getOutputVariableInitialValue)(runtimeAgent, types_1.RuntimeOutputVariable.appearanceOutput);
+        const runtimeAppearance = (_d = (_c = runtimeAgent.outputVariables) === null || _c === void 0 ? void 0 : _c.find((i) => i.name === types_1.RuntimeOutputVariable.appearanceOutput)) === null || _d === void 0 ? void 0 : _d.appearance;
         if (runtimeAppearance)
             return runtimeAppearance;
         return {
@@ -66,6 +69,7 @@ function useOpeningMessage(args) {
         const agentOpening = (0, runtime_output_schema_1.getOutputVariableInitialValue)(agent, types_1.RuntimeOutputVariable.openingMessage);
         if (agentOpening === null || agentOpening === void 0 ? void 0 : agentOpening.message) {
             return {
+                agent,
                 message: agentOpening.message,
                 profile,
             };
@@ -73,6 +77,7 @@ function useOpeningMessage(args) {
         const runtimeOpening = (0, runtime_output_schema_1.getOutputVariableInitialValue)(runtimeAgent, types_1.RuntimeOutputVariable.openingMessage);
         if (runtimeOpening === null || runtimeOpening === void 0 ? void 0 : runtimeOpening.message) {
             return {
+                agent: runtimeAgent,
                 message: runtimeOpening.message,
                 profile: runtimeProfile,
             };

package/lib/cjs/builtin/async/ai-runtime/hooks/use-header-menu.js

@@ -0,0 +1,39 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHeaderMenu = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@iconify/react");
+const material_1 = require("@mui/material");
+const locale_1 = require("../../../locale");
+const header_1 = require("../../../page/header");
+const PopperMenuButton_1 = __importDefault(require("../components/PopperMenuButton"));
+const LoadingMenuItem_1 = __importDefault(require("../components/PopperMenuButton/LoadingMenuItem"));
+const ComponentPreferences_1 = require("../contexts/ComponentPreferences");
+const session_1 = require("../state/session");
+function useHeaderMenu() {
+    var _a;
+    const { t, locale } = (0, locale_1.useLocaleContext)();
+    const { hideHeaderMenuButton } = (_a = (0, ComponentPreferences_1.useComponentPreferences)()) !== null && _a !== void 0 ? _a : {};
+    const clearSession = (0, session_1.useSessionState)((s) => s.clearSession);
+    (0, header_1.useHeader)(() => hideHeaderMenuButton
+        ? {}
+        : {
+            addons: (...exists) => [
+                (0, jsx_runtime_1.jsx)(PopperMenuButton_1.default, { component: material_1.IconButton, PopperProps: { placement: 'bottom-end', sx: { zIndex: 'appBar' } }, menus: (0, jsx_runtime_1.jsxs)(LoadingMenuItem_1.default, { onClick: () => __awaiter(this, void 0, void 0, function* () { return clearSession(); }), children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "mingcute:broom-line" }) }), t('clearSession')] }), children: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:dots" }) }),
+                ...exists,
+            ],
+        }, [locale, hideHeaderMenuButton]);
+}
+exports.useHeaderMenu = useHeaderMenu;

package/lib/cjs/builtin/async/ai-runtime/index.js

@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PhotoGalleryItem = exports.ChatOutput = exports.SimpleOutput = exports.AutoForm = exports.PhotoGallery = exports.MultiAgentsChat = exports.SimpleChat = exports.SimplePage = exports.ChatBotButton = exports.Runtime = exports.CurrentMessageProvider = exports.CurrentAgentProvider = void 0;
+exports.MarkdownView = exports.GoogleSearchSourcesView = exports.GoogleSearchRelatedQuestionsView = exports.ImagesView = exports.OpeningQuestionsView = exports.ShareView = exports.ReferencedLinksView = exports.SuggestedQuestionsView = exports.PhotoGalleryItem = exports.ChatOutput = exports.SimpleOutput = exports.AutoForm = exports.PhotoGallery = exports.SimpleChat = exports.SimplePage = exports.ChatBotButton = exports.Runtime = exports.CurrentMessageProvider = exports.CurrentAgentProvider = void 0;
 __exportStar(require("./contexts/CurrentAgent"), exports);
 var CurrentAgent_1 = require("./contexts/CurrentAgent");
 Object.defineProperty(exports, "CurrentAgentProvider", { enumerable: true, get: function () { return __importDefault(CurrentAgent_1).default; } });
@@ -34,8 +34,6 @@ var SimplePage_1 = require("./runtime-components/SimplePage");
 Object.defineProperty(exports, "SimplePage", { enumerable: true, get: function () { return __importDefault(SimplePage_1).default; } });
 var SimpleChat_1 = require("./runtime-components/SimpleChat");
 Object.defineProperty(exports, "SimpleChat", { enumerable: true, get: function () { return __importDefault(SimpleChat_1).default; } });
-var MultiAgentsChat_1 = require("./runtime-components/MultiAgentsChat");
-Object.defineProperty(exports, "MultiAgentsChat", { enumerable: true, get: function () { return __importDefault(MultiAgentsChat_1).default; } });
 var PhotoGallery_1 = require("./runtime-components/PhotoGallery");
 Object.defineProperty(exports, "PhotoGallery", { enumerable: true, get: function () { return __importDefault(PhotoGallery_1).default; } });
 var AutoForm_1 = require("./runtime-components/AutoForm");
@@ -46,5 +44,21 @@ var ChatOutput_1 = require("./runtime-components/ChatOutput");
 Object.defineProperty(exports, "ChatOutput", { enumerable: true, get: function () { return __importDefault(ChatOutput_1).default; } });
 var PhotoGalleryItem_1 = require("./runtime-components/PhotoGalleryItem");
 Object.defineProperty(exports, "PhotoGalleryItem", { enumerable: true, get: function () { return __importDefault(PhotoGalleryItem_1).default; } });
+var SuggestedQuestionsView_1 = require("./runtime-components/SuggestedQuestionsView");
+Object.defineProperty(exports, "SuggestedQuestionsView", { enumerable: true, get: function () { return __importDefault(SuggestedQuestionsView_1).default; } });
+var ReferencedLinksView_1 = require("./runtime-components/ReferencedLinksView");
+Object.defineProperty(exports, "ReferencedLinksView", { enumerable: true, get: function () { return __importDefault(ReferencedLinksView_1).default; } });
+var ShareView_1 = require("./runtime-components/ShareView");
+Object.defineProperty(exports, "ShareView", { enumerable: true, get: function () { return __importDefault(ShareView_1).default; } });
+var OpeningQuestionsView_1 = require("./runtime-components/OpeningQuestionsView");
+Object.defineProperty(exports, "OpeningQuestionsView", { enumerable: true, get: function () { return __importDefault(OpeningQuestionsView_1).default; } });
+var ImagesView_1 = require("./runtime-components/ImagesView");
+Object.defineProperty(exports, "ImagesView", { enumerable: true, get: function () { return __importDefault(ImagesView_1).default; } });
+var GoogleSearchRelatedQuestionsView_1 = require("./runtime-components/GoogleSearch/GoogleSearchRelatedQuestionsView");
+Object.defineProperty(exports, "GoogleSearchRelatedQuestionsView", { enumerable: true, get: function () { return __importDefault(GoogleSearchRelatedQuestionsView_1).default; } });
+var GoogleSearchSourcesView_1 = require("./runtime-components/GoogleSearch/GoogleSearchSourcesView");
+Object.defineProperty(exports, "GoogleSearchSourcesView", { enumerable: true, get: function () { return __importDefault(GoogleSearchSourcesView_1).default; } });
+var MarkdownView_1 = require("./runtime-components/MarkdownView");
+Object.defineProperty(exports, "MarkdownView", { enumerable: true, get: function () { return __importDefault(MarkdownView_1).default; } });
 // only use to debug, should be removed when PR
 __exportStar(require("./runtime-components/V0"), exports);

package/lib/cjs/builtin/async/ai-runtime/runtime/ChatBotButton/index.js

@@ -48,12 +48,13 @@ const LoadingMenuItem_1 = __importDefault(require("../../components/PopperMenuBu
 const RuntimeCommonProvider_1 = __importDefault(require("../../components/RuntimeCommonProvider"));
 const ScrollView_1 = __importDefault(require("../../components/ScrollView"));
 const constants_1 = require("../../constants");
+const ActiveAgent_1 = __importDefault(require("../../contexts/ActiveAgent"));
 const Runtime_1 = __importDefault(require("../../contexts/Runtime"));
 const use_appearances_1 = __importStar(require("../../hooks/use-appearances"));
 const runtime_1 = require("../../state/runtime");
 const session_1 = require("../../state/session");
 function ChatBotButton({ aid, working }) {
-    return ((0, jsx_runtime_1.jsx)(Runtime_1.default, { aid: aid, working: working, children: (0, jsx_runtime_1.jsx)(RuntimeCommonProvider_1.default, { children: (0, jsx_runtime_1.jsx)(ChatBotContent, {}) }) }));
+    return ((0, jsx_runtime_1.jsx)(RuntimeCommonProvider_1.default, { children: (0, jsx_runtime_1.jsx)(Runtime_1.default, { aid: aid, working: working, children: (0, jsx_runtime_1.jsx)(ActiveAgent_1.default, { children: (0, jsx_runtime_1.jsx)(ChatBotContent, {}) }) }) }));
 }
 exports.default = ChatBotButton;
 function ChatBotContent() {
@@ -73,7 +74,7 @@ function ChatBotContent() {
                         '.aigne-layout': {
                             px: 2,
                         },
-                    }, children: (0, jsx_runtime_1.jsx)(react_2.Suspense, { fallback: (0, jsx_runtime_1.jsx)(material_1.Stack, { flexGrow: 1, alignItems: "center", justifyContent: "center", children: (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 24 }) }), children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: componentId, properties: appearancePage === null || appearancePage === void 0 ? void 0 : appearancePage.componentProps, props: { scrollViewProps: { disabled: true }, hideHeaderMenuButton: true } }) }) }) }))] }));
+                    }, children: (0, jsx_runtime_1.jsx)(react_2.Suspense, { fallback: (0, jsx_runtime_1.jsx)(material_1.Stack, { flexGrow: 1, alignItems: "center", justifyContent: "center", children: (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 24 }) }), children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: componentId, properties: appearancePage === null || appearancePage === void 0 ? void 0 : appearancePage.componentProperties, props: { scrollViewProps: { disabled: true }, hideHeaderMenuButton: true } }) }) }) }))] }));
 }
 function ResponsiveChatBotContainer({ open, anchorEl, children, onClose, }) {
     const theme = (0, material_1.useTheme)();

package/lib/cjs/builtin/async/ai-runtime/runtime/Runtime/index.js

@@ -38,6 +38,7 @@ const utils_1 = require("../../../../utils");
 const RuntimeCommonProvider_1 = __importStar(require("../../components/RuntimeCommonProvider"));
 const SocialShare_1 = __importDefault(require("../../components/SocialShare"));
 const constants_1 = require("../../constants");
+const ActiveAgent_1 = __importDefault(require("../../contexts/ActiveAgent"));
 const Runtime_1 = __importStar(require("../../contexts/Runtime"));
 const use_appearances_1 = __importDefault(require("../../hooks/use-appearances"));
 const runtime_1 = require("../../state/runtime");
@@ -47,11 +48,8 @@ function AgentCreatedBy({ did }) {
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [t('by'), " ", (0, jsx_runtime_1.jsx)(material_1.Box, { component: ux_1.DID, did: did, copyable: false, responsive: true })] }));
 }
 function Runtime({ aid, working }) {
-    const children = ((0, jsx_runtime_1.jsx)(RuntimeCommonProvider_1.default, { children: (0, jsx_runtime_1.jsx)(RuntimeView, {}) }));
-    if (aid) {
-        return ((0, jsx_runtime_1.jsx)(Runtime_1.default, { aid: aid, working: working, children: children }));
-    }
-    return (0, jsx_runtime_1.jsx)(Runtime_1.RuntimeProviderFromUrl, { children: children });
+    const children = ((0, jsx_runtime_1.jsx)(ActiveAgent_1.default, { children: (0, jsx_runtime_1.jsx)(RuntimeView, {}) }));
+    return ((0, jsx_runtime_1.jsx)(RuntimeCommonProvider_1.default, { children: aid ? ((0, jsx_runtime_1.jsx)(Runtime_1.default, { aid: aid, working: working, children: children })) : ((0, jsx_runtime_1.jsx)(Runtime_1.RuntimeProviderFromUrl, { children: children })) }));
 }
 exports.default = Runtime;
 function RuntimeView() {
@@ -88,5 +86,5 @@ ${agent === null || agent === void 0 ? void 0 : agent.description}
         };
     }, [locale, isMobile, agent]);
     const componentId = (_a = appearancePage === null || appearancePage === void 0 ? void 0 : appearancePage.componentId) !== null && _a !== void 0 ? _a : constants_1.DEFAULT_PAGE_COMPONENT_ID;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_helmet_1.Helmet, { children: [agent.project.name && (0, jsx_runtime_1.jsx)("title", { children: agent.project.name }), agent.project.description && (0, jsx_runtime_1.jsx)("meta", { name: "description", content: agent.project.description })] }), (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: componentId, properties: appearancePage === null || appearancePage === void 0 ? void 0 : appearancePage.componentProps })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_helmet_1.Helmet, { children: [agent.project.name && (0, jsx_runtime_1.jsx)("title", { children: agent.project.name }), agent.project.description && (0, jsx_runtime_1.jsx)("meta", { name: "description", content: agent.project.description })] }), (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: componentId, properties: appearancePage === null || appearancePage === void 0 ? void 0 : appearancePage.componentProperties })] }));
 }

package/lib/cjs/builtin/async/ai-runtime/runtime-components/GoogleSearch/GoogleSearchRelatedQuestionsView.js

@@ -0,0 +1,60 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const joi_1 = __importDefault(require("joi"));
+const react_1 = require("react");
+const OutputFieldContainer_1 = __importDefault(require("../../components/OutputFieldContainer"));
+const CurrentAgent_1 = require("../../contexts/CurrentAgent");
+const CurrentMessage_1 = require("../../contexts/CurrentMessage");
+const runtime_1 = require("../../state/runtime");
+const session_1 = require("../../state/session");
+const searchResultSchema = joi_1.default.object({
+    related_questions: joi_1.default.array().items(joi_1.default.object({
+        question: joi_1.default.string().required(),
+        link: joi_1.default.string().required(),
+        snippet: joi_1.default.string().empty([null, '']),
+        title: joi_1.default.string().required(),
+    })),
+});
+function GoogleSearchRelatedView({ output, outputValue, onlyLastMessage, }) {
+    var _a, _b;
+    const { aid } = (0, CurrentAgent_1.useCurrentAgent)();
+    const { message } = (_a = (0, CurrentMessage_1.useCurrentMessage)({ optional: true })) !== null && _a !== void 0 ? _a : {};
+    const lastMessage = (0, session_1.useCurrentSessionState)((s) => { var _a; return (_a = s === null || s === void 0 ? void 0 : s.messages) === null || _a === void 0 ? void 0 : _a.at(-1); });
+    const isLastMessage = !!message && (message === null || message === void 0 ? void 0 : message.taskId) === (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.taskId);
+    const [submitting, setSubmitting] = (0, react_1.useState)(false);
+    const { execute } = (0, runtime_1.useRuntimeState)();
+    const result = (0, react_1.useMemo)(() => {
+        const result = searchResultSchema.validate(outputValue, { allowUnknown: true });
+        if (result.error)
+            return undefined;
+        return result.value;
+    }, [outputValue]);
+    if ((!isLastMessage && onlyLastMessage) || !((_b = result === null || result === void 0 ? void 0 : result.related_questions) === null || _b === void 0 ? void 0 : _b.length))
+        return null;
+    return ((0, jsx_runtime_1.jsx)(OutputFieldContainer_1.default, { output: output, children: (0, jsx_runtime_1.jsx)(material_1.List, { dense: true, disablePadding: true, children: result.related_questions.map((item) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemButton, { onClick: () => __awaiter(this, void 0, void 0, function* () {
+                            if (submitting)
+                                return;
+                            setSubmitting(true);
+                            try {
+                                yield execute({ aid, parameters: { question: item.question } });
+                            }
+                            finally {
+                                setSubmitting(false);
+                            }
+                        }), children: item.question }, item.title), (0, jsx_runtime_1.jsx)(material_1.Divider, {})] }))) }) }));
+}
+exports.default = GoogleSearchRelatedView;

package/lib/cjs/builtin/async/ai-runtime/runtime-components/GoogleSearch/GoogleSearchSourcesView.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const joi_1 = __importDefault(require("joi"));
+const react_1 = require("react");
+const OutputFieldContainer_1 = __importDefault(require("../../components/OutputFieldContainer"));
+const CurrentMessage_1 = require("../../contexts/CurrentMessage");
+const searchResultSchema = joi_1.default.object({
+    organic_results: joi_1.default.array().items(joi_1.default.object({
+        title: joi_1.default.string().required(),
+        link: joi_1.default.string().required(),
+        snippet: joi_1.default.string().required(),
+        favicon: joi_1.default.string().empty([null, '']),
+        source: joi_1.default.string().empty([null, '']),
+    })),
+});
+function GoogleSearchSourcesView({ output, outputValue }) {
+    var _a;
+    const { message } = (_a = (0, CurrentMessage_1.useCurrentMessage)({ optional: true })) !== null && _a !== void 0 ? _a : {};
+    const searchResult = (0, react_1.useMemo)(() => {
+        const result = searchResultSchema.validate(outputValue, { allowUnknown: true });
+        if (result.error)
+            return undefined;
+        return result.value;
+    }, [outputValue]);
+    if (!message || (!(searchResult === null || searchResult === void 0 ? void 0 : searchResult.organic_results.length) && !message.loading))
+        return null;
+    return ((0, jsx_runtime_1.jsx)(OutputFieldContainer_1.default, { output: output, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 1.5, children: [message.loading && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, sm: 3, md: 2, children: (0, jsx_runtime_1.jsx)(ItemSkeleton, {}) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, sm: 3, md: 2, children: (0, jsx_runtime_1.jsx)(ItemSkeleton, {}) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, sm: 3, md: 2, children: (0, jsx_runtime_1.jsx)(ItemSkeleton, {}) })] })), searchResult === null || searchResult === void 0 ? void 0 : searchResult.organic_results.map((item) => ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, sm: 3, md: 2, children: (0, jsx_runtime_1.jsx)(ItemView, { item: item }) }, item.link)))] }) }));
+}
+exports.default = GoogleSearchSourcesView;
+function ItemView({ item }) {
+    var _a;
+    return ((0, jsx_runtime_1.jsx)(ItemContainer, { title: `${item.title} - ${item.source}`, favicon: (0, jsx_runtime_1.jsx)(material_1.Avatar, { src: item.favicon, sx: { width: 18, height: 18 }, children: (_a = item.source) === null || _a === void 0 ? void 0 : _a.slice(0, 1) }), link: item.link }));
+}
+function ItemSkeleton() {
+    return ((0, jsx_runtime_1.jsx)(ItemContainer, { title: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: "100%" }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: "40%" })] }), favicon: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 18, height: 18, variant: "circular" }), link: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: "70%" }) }));
+}
+function ItemContainer({ title, favicon, link }) {
+    return ((0, jsx_runtime_1.jsx)(material_1.Card, { sx: { height: '100%' }, children: (0, jsx_runtime_1.jsx)(material_1.CardActionArea, { component: "a", href: typeof link === 'string' ? link : undefined, target: "_blank", sx: { height: '100%' }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { sx: { p: 1, gap: 1, height: '100%' }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { flexGrow: 1, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", sx: {
+                                display: '-webkit-box',
+                                WebkitBoxOrient: 'vertical',
+                                WebkitLineClamp: 2,
+                                overflow: 'hidden',
+                                fontWeight: 500,
+                            }, children: title }) }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", alignItems: "center", gap: 1, overflow: "hidden", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { width: 18, height: 18, children: favicon }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", noWrap: true, sx: { flex: 1, width: 1 }, children: link })] })] }) }) }));
+}

package/lib/cjs/builtin/async/ai-runtime/runtime-components/ImagesView/index.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const image_preview_1 = __importDefault(require("@blocklet/ai-kit/components/image-preview"));
+const material_1 = require("@mui/material");
+const joi_1 = __importDefault(require("joi"));
+const react_1 = require("react");
+const OutputFieldContainer_1 = __importDefault(require("../../components/OutputFieldContainer"));
+const CurrentMessage_1 = require("../../contexts/CurrentMessage");
+const imagesSchema = joi_1.default.array().items(joi_1.default.object({
+    url: joi_1.default.string().required(),
+}));
+function ImagesView({ output, outputValue }) {
+    var _a;
+    const { message } = (_a = (0, CurrentMessage_1.useCurrentMessage)({ optional: true })) !== null && _a !== void 0 ? _a : {};
+    const images = (0, react_1.useMemo)(() => {
+        var _a;
+        const result = imagesSchema.validate(outputValue, { allowUnknown: true });
+        if (result.error)
+            return undefined;
+        return (_a = result.value) === null || _a === void 0 ? void 0 : _a.map((i) => ({ src: i.url }));
+    }, [outputValue]);
+    if (!(images === null || images === void 0 ? void 0 : images.length) && !(message === null || message === void 0 ? void 0 : message.loading))
+        return null;
+    return ((0, jsx_runtime_1.jsx)(OutputFieldContainer_1.default, { output: output, sx: { '.lazy-image-wrapper': { borderRadius: 1, img: { borderRadius: 1 } } }, children: (images === null || images === void 0 ? void 0 : images.length) ? ((0, jsx_runtime_1.jsx)(image_preview_1.default, { dataSource: images, itemWidth: 200, spacing: 1 })) : (message === null || message === void 0 ? void 0 : message.loading) ? ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 200, height: 200, variant: "rounded" })) : null }));
+}
+exports.default = ImagesView;

package/lib/cjs/builtin/async/ai-runtime/runtime-components/MarkdownView/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const css_1 = require("@emotion/css");
+const MarkdownRenderer_1 = __importDefault(require("../../components/MarkdownRenderer"));
+const OutputFieldContainer_1 = __importDefault(require("../../components/OutputFieldContainer"));
+function MarkdownView({ output, outputValue, fontSize, writing, }) {
+    return ((0, jsx_runtime_1.jsx)(OutputFieldContainer_1.default, { output: output, children: (0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { className: (0, css_1.cx)(writing && 'writing'), sx: { fontSize: typeof fontSize === 'string' && /^\d+$/.test(fontSize) ? Number(fontSize) : fontSize }, children: outputValue }) }));
+}
+exports.default = MarkdownView;

package/lib/cjs/builtin/async/ai-runtime/runtime-components/OpeningQuestionsView/index.js

@@ -0,0 +1,46 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const OutputFieldContainer_1 = __importDefault(require("../../components/OutputFieldContainer"));
+const CurrentAgent_1 = require("../../contexts/CurrentAgent");
+const use_appearances_1 = require("../../hooks/use-appearances");
+const runtime_1 = require("../../state/runtime");
+function OpeningQuestionsView({ output }) {
+    const { aid } = (0, CurrentAgent_1.useCurrentAgent)();
+    const { execute } = (0, runtime_1.useRuntimeState)();
+    const opening = (0, use_appearances_1.useOpeningQuestions)();
+    const [submitting, setSubmitting] = (0, react_1.useState)(false);
+    if (!(opening === null || opening === void 0 ? void 0 : opening.questions.length))
+        return null;
+    return ((0, jsx_runtime_1.jsx)(OutputFieldContainer_1.default, { output: output, children: (0, jsx_runtime_1.jsx)(material_1.List, { disablePadding: true, sx: { [`.${material_1.listItemButtonClasses.root}`]: { border: 1, borderColor: 'grey.200', borderRadius: 1, my: 1 } }, children: opening.questions.map((item) => {
+                return ((0, jsx_runtime_1.jsx)(material_1.ListItemButton, { onClick: () => __awaiter(this, void 0, void 0, function* () {
+                        if (submitting)
+                            return;
+                        try {
+                            setSubmitting(true);
+                            yield execute({
+                                aid,
+                                parameters: Object.assign(Object.assign({}, item.parameters), { question: item.parameters.question || item.title }),
+                            });
+                        }
+                        finally {
+                            setSubmitting(false);
+                        }
+                    }), children: item.title }, item.id));
+            }) }) }));
+}
+exports.default = OpeningQuestionsView;

package/lib/cjs/builtin/async/ai-runtime/runtime-components/OutputFieldView/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });