@peers-app/peers-ui 0.0.14

package/dist/screens/variables/variable-list.js

@@ -0,0 +1,58 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VariableList = VariableList;
+const react_1 = __importDefault(require("react"));
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+const markdown_with_mentions_1 = require("../../components/markdown-with-mentions");
+const globals_1 = require("../../globals");
+const list_screen_1 = require("../../components/list-screen");
+const ui_loader_1 = require("../../ui-router/ui-loader");
+function VariableList() {
+    async function newRecord(name) {
+        const userContext = await (0, peers_sdk_1.getUserContext)();
+        const isPersonal = userContext.currentlyActiveGroupId() === userContext.userId();
+        const varName = name.replace(/\s+/g, '_');
+        const pVar = await (0, peers_sdk_1.PersistentVars)().save({
+            persistentVarId: (0, peers_sdk_1.newid)(),
+            name: varName,
+            scope: isPersonal ? 'user' : 'group',
+            description: '',
+            value: { value: '' },
+            userCreated: true,
+        });
+        (0, globals_1.mainContentPath)(`variables/${pVar.persistentVarId}`);
+        return pVar;
+    }
+    function getFilter(searchText) {
+        return {
+            $or: [
+                { name: { $matchWords: searchText } },
+                { description: { $matchWords: searchText } },
+            ],
+            userCreated: true
+        };
+    }
+    function renderItem(persistentVar) {
+        return (react_1.default.createElement("div", { key: persistentVar.persistentVarId, className: 'container-fluid pb-4' },
+            react_1.default.createElement("i", { className: (0, peers_sdk_1.getIconClassName)((0, peers_sdk_1.PersistentVars)()) }),
+            "\u00A0",
+            react_1.default.createElement("a", { href: `#variables/${persistentVar.persistentVarId}` }, persistentVar.name || '<empty-name>'),
+            react_1.default.createElement("div", { style: { paddingLeft: '20px' } },
+                react_1.default.createElement(markdown_with_mentions_1.MarkdownWithMentions, { content: persistentVar.description || '' }))));
+    }
+    return (react_1.default.createElement(list_screen_1.ListScreen, { table: (0, peers_sdk_1.PersistentVars)(), newRecord: newRecord, getFilter: getFilter, sortBy: ['name'], renderItem: renderItem, placeholderName: "environment variable" }));
+}
+(0, ui_loader_1.registerInternalPeersUI)({
+    peersUIId: '00m5fshz2g6ea23v8z6y0a1ci',
+    component: VariableList,
+    routes: [
+        {
+            isMatch: (props, context) => context.path === 'variables',
+            uiCategory: 'screen',
+            priority: 2
+        }
+    ]
+});

package/dist/screens/workflows/workflow-details.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface IProps {
+    workflowId: string;
+}
+export declare const WorkflowDetails: (props: IProps) => React.JSX.Element;
+export {};

package/dist/screens/workflows/workflow-details.js

@@ -0,0 +1,122 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WorkflowDetails = void 0;
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+const react_1 = __importStar(require("react"));
+const input_1 = require("../../components/input");
+const loading_indicator_1 = require("../../components/loading-indicator");
+const save_button_1 = require("../../components/save-button");
+const tabs_1 = require("../../components/tabs");
+const globals_1 = require("../../globals");
+const hooks_1 = require("../../hooks");
+const tabs_state_1 = require("../../tabs-layout/tabs-state");
+const workflow_info_1 = require("./workflow-info");
+const workflow_instructions_1 = require("./workflow-instructions");
+const workflow_subscriptions_1 = require("./workflow-subscriptions");
+const WorkflowDetails = (props) => {
+    const workflow = (0, hooks_1.usePromise)(async () => {
+        const workflow = await (0, peers_sdk_1.Workflows)().get(props.workflowId);
+        if (!workflow) {
+            throw new Error('Workflow not found');
+        }
+        (0, tabs_state_1.updateActiveTabTitle)(workflow.name || "Workflow");
+        return (0, peers_sdk_1.Workflows)().initDoc(workflow);
+    }, undefined, [props.workflowId]);
+    const [handlers] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)([]));
+    const handlersLoaded = (0, hooks_1.usePromise)(async () => {
+        if (!workflow)
+            return false;
+        const _handlers = await (0, peers_sdk_1.PeerEventHandlers)().list({ handlerWorkflowId: workflow.workflowId });
+        handlers(_handlers);
+        return true;
+    }, false, [workflow]);
+    const allLoaded = !!(workflow && handlersLoaded);
+    if (!allLoaded) {
+        return react_1.default.createElement(loading_indicator_1.LoadingIndicator, null);
+    }
+    async function saveChanges() {
+        if (!workflow)
+            return;
+        workflow.updatedAt = new Date();
+        const assistantsMentioned = await (0, peers_sdk_1.getAllAssistantIdsMentioned)(workflow.instructions[0].markdown ?? '');
+        workflow.defaultAssistantId = assistantsMentioned[0] || peers_sdk_1.defaultAssistantId;
+        workflow.save();
+        const oldHandlers = await (0, peers_sdk_1.PeerEventHandlers)().list({ handlerWorkflowId: workflow.workflowId });
+        for (const oldHandler of oldHandlers) {
+            await (0, peers_sdk_1.PeerEventHandlers)().delete(oldHandler.peerEventHandlerId);
+        }
+        for (const handler of handlers()) {
+            (0, peers_sdk_1.PeerEventHandlers)().save(handler, { restoreIfDeleted: true });
+        }
+    }
+    return (react_1.default.createElement("div", { className: "container-fluid p-3" },
+        react_1.default.createElement("div", { className: "d-flex" },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement("h4", null,
+                    react_1.default.createElement("i", { className: "bi bi-database-fill-gear me-2" }))),
+            react_1.default.createElement("div", { className: "flex-grow-1" },
+                react_1.default.createElement("h4", null,
+                    react_1.default.createElement(input_1.Input, { key: workflow.workflowId, className: 'border border-0', style: { width: '100%', outline: 'none', backgroundColor: 'transparent' }, value: workflow.qs.name }))),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement("button", { className: "btn btn-success me-2", onClick: () => {
+                        saveChanges(); // TODO take this out, is just for testing
+                        _runWorkflow(workflow.toJS());
+                    } }, "Run All"),
+                react_1.default.createElement(save_button_1.SaveButton, { key: workflow.workflowId, onClick: saveChanges, doc: workflow }))),
+        react_1.default.createElement(tabs_1.Tabs, { key: workflow.workflowId, tabs: [
+                {
+                    name: 'Info', content: react_1.default.createElement(tabs_1.ScreenTabBody, null,
+                        react_1.default.createElement(workflow_info_1.WorkflowInfo, { workflow: workflow }))
+                },
+                {
+                    name: 'Instructions', content: react_1.default.createElement(tabs_1.ScreenTabBody, null,
+                        react_1.default.createElement(workflow_instructions_1.WorkflowInstructions, { workflow: workflow }))
+                },
+                {
+                    name: 'Subscriptions', content: react_1.default.createElement(tabs_1.ScreenTabBody, null,
+                        react_1.default.createElement(workflow_subscriptions_1.WorkflowEventSubscriptions, { workflow: workflow, eventSubscriptions: handlers }))
+                },
+            ] })));
+};
+exports.WorkflowDetails = WorkflowDetails;
+async function _runWorkflow(workflow) {
+    // TODO maybe warn if there are pending changes
+    const run = await (0, peers_sdk_1.runWorkflow)({
+        workflowId: workflow.workflowId,
+        vars: {},
+    });
+    (0, globals_1.openThread)(run.parentMessageId);
+}

package/dist/screens/workflows/workflow-info.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { IDoc, IWorkflow } from "@peers-app/peers-sdk";
+export declare const WorkflowInfo: (props: {
+    workflow: IDoc<IWorkflow>;
+}) => React.JSX.Element;

package/dist/screens/workflows/workflow-info.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WorkflowInfo = void 0;
+const input_1 = require("../../components/input");
+const react_1 = __importDefault(require("react"));
+const editor_inline_1 = require("../../components/markdown-editor/editor-inline");
+const WorkflowInfo = (props) => {
+    const { workflow } = props;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("small", null, "Name:"),
+        react_1.default.createElement(input_1.Input, { value: workflow.qs.name, className: "form-control mb-3 p-0 ps-2", placeholder: "Workflow name", title: "Workflow name" }),
+        react_1.default.createElement("small", null, "Description:"),
+        react_1.default.createElement(editor_inline_1.MarkdownEditorInline, { value: workflow.qs.description })));
+};
+exports.WorkflowInfo = WorkflowInfo;

package/dist/screens/workflows/workflow-instructions.d.ts

@@ -0,0 +1,5 @@
+import { IDoc, IWorkflow } from "@peers-app/peers-sdk";
+import React from "react";
+export declare const WorkflowInstructions: (props: {
+    workflow: IDoc<IWorkflow>;
+}) => React.JSX.Element;

package/dist/screens/workflows/workflow-instructions.js

@@ -0,0 +1,118 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WorkflowInstructions = void 0;
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+const react_1 = __importStar(require("react"));
+const editor_inline_1 = require("../../components/markdown-editor/editor-inline");
+const hooks_1 = require("../../hooks");
+const WorkflowInstructions = (props) => {
+    const { workflow } = props;
+    const instructions = workflow.qs.instructions;
+    (0, hooks_1.useObservable)(instructions);
+    const [focusedInstructionIndex] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)(0));
+    return (react_1.default.createElement("div", null, workflow.qs.instructions().map((instruction, i) => {
+        return (react_1.default.createElement("div", { key: i, className: "mb-2", style: {
+            // border: '1px solid #ccc',
+            // borderRadius: '5px',
+            } },
+            react_1.default.createElement(WorkflowInstruction, { workflow: workflow, instructions: instructions, thisInstructionIndex: i, focusedInstructionIndex: focusedInstructionIndex })));
+    })));
+};
+exports.WorkflowInstructions = WorkflowInstructions;
+const WorkflowInstruction = (props) => {
+    const { instructions, thisInstructionIndex, focusedInstructionIndex } = props;
+    const [mdEffects] = (0, react_1.useState)(() => ({}));
+    const thisInstruction = instructions()[thisInstructionIndex];
+    const [markdownObs] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)(thisInstruction.markdown ?? ''));
+    (0, react_1.useEffect)(() => {
+        const sub = focusedInstructionIndex.subscribe(focusedIndex => {
+            if (focusedIndex === thisInstructionIndex) {
+                mdEffects.focus?.();
+            }
+        });
+        return () => sub.dispose();
+    }, [thisInstructionIndex]);
+    (0, react_1.useEffect)(() => {
+        markdownObs(thisInstruction.markdown ?? '');
+        const sub = markdownObs.subscribe(value => {
+            thisInstruction.markdown = value;
+            props.workflow.q(props.workflow.q() + 1);
+        });
+        return () => sub.dispose();
+    }, [thisInstruction, instructions(), thisInstructionIndex]);
+    let backspacedOnEmpty = false;
+    mdEffects.onKeyDown = (evt) => {
+        if (evt.key === 'Enter') {
+            if (markdownObs().match(/\n\s*\n$/)) {
+                // if the markdown ends with a new line, zero or more whitespace and then another newline, insert a new instruction below
+                evt.preventDefault();
+                const _instructions = instructions();
+                _instructions.splice(thisInstructionIndex + 1, 0, { markdown: '' });
+                instructions([..._instructions]);
+                markdownObs(markdownObs().trim());
+                focusedInstructionIndex(thisInstructionIndex + 1);
+            }
+        }
+        if (evt.key === 'Backspace') {
+            if (markdownObs().trim() === '') {
+                if (backspacedOnEmpty) {
+                    evt.preventDefault();
+                    const _instructions = instructions();
+                    if (_instructions.length > 1) {
+                        _instructions.splice(thisInstructionIndex, 1);
+                        instructions([..._instructions]);
+                        focusedInstructionIndex(thisInstructionIndex - 1);
+                    }
+                    backspacedOnEmpty = false;
+                }
+                else {
+                    backspacedOnEmpty = true;
+                }
+            }
+        }
+    };
+    function runThisInstruction() {
+        // runInstructions([thisInstruction]);
+        confirm('TODO: run this instruction not implemented yet');
+    }
+    return (react_1.default.createElement(editor_inline_1.MarkdownEditorInline, { value: markdownObs, effects: mdEffects, autoFocus: props.thisInstructionIndex === focusedInstructionIndex(), topRightControls: [
+            {
+                iconClass: 'bi bi-play',
+                title: `Run this instruction.`,
+                onClick: runThisInstruction,
+            }
+        ] }));
+};

package/dist/screens/workflows/workflow-list.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function WorkflowList(): React.JSX.Element;

package/dist/screens/workflows/workflow-list.js

@@ -0,0 +1,109 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WorkflowList = WorkflowList;
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+const react_1 = __importStar(require("react"));
+const input_1 = require("../../components/input");
+const lazy_list_1 = require("../../components/lazy-list");
+const loading_indicator_1 = require("../../components/loading-indicator");
+const markdown_with_mentions_1 = require("../../components/markdown-with-mentions");
+const globals_1 = require("../../globals");
+const hooks_1 = require("../../hooks");
+function WorkflowList() {
+    const [searchTextObs] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)(''));
+    const [searchText] = (0, hooks_1.useObservable)(searchTextObs);
+    const [cursorObs] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)());
+    const [cursorId] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)((0, peers_sdk_1.newid)()));
+    async function newCursor() {
+        const cursor = await (0, peers_sdk_1.Workflows)().cursor({ name: { $matchWords: searchText } }, { sortBy: ['-updatedAt'] });
+        cursorObs(cursor);
+        cursorId((0, peers_sdk_1.newid)());
+        return cursor;
+    }
+    (0, react_1.useEffect)(() => {
+        newCursor();
+    }, [searchText]);
+    async function searchSubmit(evt) {
+        if (evt.key !== "Enter")
+            return;
+        if (!searchText.trim())
+            return;
+        const workflowName = searchText.trim();
+        const workflow = await (0, peers_sdk_1.Workflows)().initRecord({
+            name: workflowName,
+            description: '',
+            instructions: [{
+                    markdown: '// TODO add a link to workflow documentation and examples',
+                }],
+            createdBy: globals_1.me.userId,
+            // defaultAssistantId: '',
+        });
+        await (0, peers_sdk_1.Workflows)().insert(workflow);
+        (0, globals_1.mainContentPath)(`workflows/${workflow.workflowId}`);
+    }
+    async function loadMore(existingWorkflows) {
+        let moreMatches = [];
+        let cursor = cursorObs() || await newCursor();
+        for await (const workflow of cursor) {
+            if (existingWorkflows.find(w => w.workflowId === workflow.workflowId))
+                continue;
+            moreMatches.push(workflow);
+            if (searchText.length && moreMatches.length > 5)
+                break;
+            if (moreMatches.length >= 50)
+                break;
+        }
+        if (moreMatches.length === 0) {
+            cursorObs(undefined);
+        }
+        return moreMatches;
+    }
+    return (react_1.default.createElement("div", { className: 'container-fluid' },
+        react_1.default.createElement(input_1.Input, { value: searchTextObs, className: "form-control mt-3", style: { marginBottom: "10px" }, placeholder: "Search or create new workflow", autoFocus: (0, globals_1.isDesktop)() ? true : false, onKeyUp: evt => searchSubmit(evt) }),
+        react_1.default.createElement("div", { className: "peers-list-container" },
+            react_1.default.createElement(lazy_list_1.LazyList, { key: cursorId(), loadMore: loadMore, scrollThreshold: 0.6, renderItems: (workflows) => {
+                    return workflows.map(workflow => {
+                        const markdownContent = workflow.description || workflow.instructions[0].markdown || '';
+                        return (react_1.default.createElement("div", { key: workflow.workflowId, className: 'container-fluid pb-4' },
+                            react_1.default.createElement("i", { className: "bi bi-database-fill-gear" }),
+                            "\u00A0",
+                            react_1.default.createElement("a", { href: `#workflows/${workflow.workflowId}` }, workflow.name),
+                            react_1.default.createElement("div", { style: { paddingLeft: '20px' } },
+                                react_1.default.createElement(markdown_with_mentions_1.MarkdownWithMentions, { content: markdownContent }))));
+                    });
+                }, loadingIndicator: react_1.default.createElement("div", { className: "d-flex justify-content-center", style: { height: 200 } },
+                    react_1.default.createElement(loading_indicator_1.LoadingIndicator, null)), endOfList: react_1.default.createElement("div", { className: "d-flex justify-content-center", style: { height: 200 } }) }))));
+}

package/dist/screens/workflows/workflow-subscriptions.d.ts

@@ -0,0 +1,6 @@
+import { IDoc, IPeerEventHandler, IWorkflow, Observable } from "@peers-app/peers-sdk";
+import React from "react";
+export declare const WorkflowEventSubscriptions: (props: {
+    workflow: IDoc<IWorkflow>;
+    eventSubscriptions: Observable<IPeerEventHandler[]>;
+}) => React.JSX.Element;

package/dist/screens/workflows/workflow-subscriptions.js

@@ -0,0 +1,81 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WorkflowEventSubscriptions = void 0;
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+const lodash_1 = require("lodash");
+const react_1 = __importStar(require("react"));
+const loading_indicator_1 = require("../../components/loading-indicator");
+const editor_inline_1 = require("../../components/markdown-editor/editor-inline");
+const tooltip_1 = require("../../components/tooltip");
+const hooks_1 = require("../../hooks");
+const WorkflowEventSubscriptions = (props) => {
+    const { workflow, eventSubscriptions } = props;
+    const [subscriptionsMarkdown] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)(''));
+    const markdownInitialized = (0, hooks_1.usePromise)(async () => {
+        const eventTypeIds = eventSubscriptions().map(h => h.peerEventTypeId);
+        const subscribedEvents = await (0, peers_sdk_1.PeerEventTypes)().list({ peerEventTypeId: { $in: eventTypeIds } });
+        const peerEventTypeNames = subscribedEvents.reduce((acc, evt) => ({ ...acc, [evt.peerEventTypeId]: evt.name }), {});
+        const mentions = eventTypeIds.map(eventTypeId => '- ' + (0, peers_sdk_1.formatMention)({ kind: 'event', id: eventTypeId, name: peerEventTypeNames[eventTypeId] ?? eventTypeId }));
+        const markdown = `${mentions.join('\n') || '- '}`;
+        subscriptionsMarkdown(markdown);
+        return true;
+    });
+    (0, hooks_1.useSubscription)(subscriptionsMarkdown, () => {
+        if (!markdownInitialized)
+            return;
+        const startEventTypeIds = eventSubscriptions().map(h => h.peerEventTypeId);
+        const eventTypeIds = (0, peers_sdk_1.getAllMentions)(subscriptionsMarkdown()).filter(m => m.kind === 'event').map(m => m.id);
+        if ((0, lodash_1.isEqual)(startEventTypeIds, eventTypeIds))
+            return;
+        const newHandler = eventTypeIds.map(eventTypeId => ({
+            peerEventHandlerId: (0, peers_sdk_1.newid)(),
+            peerEventTypeId: eventTypeId,
+            handlerWorkflowId: workflow.workflowId,
+        }));
+        eventSubscriptions(newHandler);
+        workflow.q(workflow.q() + 1);
+    });
+    if (!markdownInitialized) {
+        return react_1.default.createElement(loading_indicator_1.LoadingIndicator, null);
+    }
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { className: 'mt-2' },
+            react_1.default.createElement("small", null, "Mention events that should trigger this workflow:"),
+            react_1.default.createElement("small", null,
+                react_1.default.createElement(tooltip_1.Tooltip, { markdownContent: `The mentions will be reformatted as a bulleted list regardless of how they are entered.  All other content except for event mentions will be discarded.` })),
+            react_1.default.createElement(editor_inline_1.MarkdownEditorInline, { value: subscriptionsMarkdown }))));
+};
+exports.WorkflowEventSubscriptions = WorkflowEventSubscriptions;

package/dist/setupTests.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/setupTests.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@testing-library/jest-dom");
+// Mock IntersectionObserver
+global.IntersectionObserver = class {
+    constructor() { }
+    disconnect() { }
+    observe() { }
+    unobserve() { }
+};
+// Mock window.matchMedia
+Object.defineProperty(window, 'matchMedia', {
+    writable: true,
+    value: jest.fn().mockImplementation(query => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: jest.fn(), // deprecated
+        removeListener: jest.fn(), // deprecated
+        addEventListener: jest.fn(),
+        removeEventListener: jest.fn(),
+        dispatchEvent: jest.fn(),
+    })),
+});
+// Mock ResizeObserver
+global.ResizeObserver = class {
+    constructor() { }
+    disconnect() { }
+    observe() { }
+    unobserve() { }
+};

package/dist/system-apps/assistants.app.d.ts

@@ -0,0 +1,2 @@
+import { IAppNav } from "@peers-app/peers-sdk";
+export declare const assistantsApp: IAppNav;

package/dist/system-apps/assistants.app.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.assistantsApp = void 0;
+exports.assistantsApp = {
+    name: 'Assistants',
+    iconClassName: 'bi-person-fill-gear',
+    navigationPath: 'assistants'
+};

package/dist/system-apps/contacts.app.d.ts

@@ -0,0 +1,2 @@
+import { IAppNav } from "@peers-app/peers-sdk";
+export declare const contactsApp: IAppNav;

package/dist/system-apps/contacts.app.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.contactsApp = void 0;
+exports.contactsApp = {
+    name: 'Contacts',
+    displayName: 'Contacts',
+    iconClassName: 'bi-person-fill-check',
+    navigationPath: 'contacts'
+};

package/dist/system-apps/events.app.d.ts

@@ -0,0 +1,2 @@
+import { IAppNav } from "@peers-app/peers-sdk";
+export declare const eventsApp: IAppNav;

package/dist/system-apps/events.app.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.eventsApp = void 0;
+exports.eventsApp = {
+    name: 'Events',
+    iconClassName: 'bi-lightning-charge-fill',
+    navigationPath: 'events'
+};

package/dist/system-apps/groups.app.d.ts

@@ -0,0 +1,2 @@
+import { IAppNav } from "@peers-app/peers-sdk";
+export declare const groupsApp: IAppNav;

package/dist/system-apps/groups.app.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.groupsApp = void 0;
+exports.groupsApp = {
+    name: 'Groups',
+    displayName: 'Groups',
+    iconClassName: 'bi-people-fill',
+    navigationPath: 'groups'
+};

package/dist/system-apps/index.d.ts

@@ -0,0 +1,19 @@
+import { IAppNav, IPackage } from "@peers-app/peers-sdk";
+export { searchApp } from './search.app';
+export { assistantsApp } from './assistants.app';
+export { toolsApp } from './tools.app';
+export { workflowsApp } from './workflows.app';
+export { eventsApp } from './events.app';
+export { variablesApp } from './variables.app';
+export { typesApp } from './types.app';
+export { packagesApp } from './packages.app';
+export { threadsApp } from './threads.app';
+export { knowledgeValuesApp } from './knowledge-values.app';
+export { knowledgeFramesApp } from './knowledge-frames.app';
+export { predicatesApp } from './predicates.app';
+export { profileApp } from './profile.app';
+export { settingsApp } from './settings.app';
+export { groupsApp } from './groups.app';
+export { contactsApp } from './contacts.app';
+export declare const systemApps: IAppNav[];
+export declare const systemPackage: IPackage;