@peers-app/peers-ui 0.0.14

package/dist/screens/assistants/assistant-details.js

@@ -0,0 +1,85 @@
+"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.AssistantDetails = 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 hooks_1 = require("../../hooks");
+const tabs_state_1 = require("../../tabs-layout/tabs-state");
+const assistant_config_1 = require("./assistant-config");
+const assistant_info_1 = require("./assistant-info");
+const assistant_tools_1 = require("./assistant-tools");
+const AssistantDetails = (props) => {
+    const [isPrimaryAssistant] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)(false));
+    const assistant = (0, hooks_1.usePromise)((async () => {
+        const assistant = await (0, peers_sdk_1.Assistants)().get(props.assistantId);
+        if (!assistant) {
+            return null;
+        }
+        const primaryAssistantId = (await (0, peers_sdk_1.getPrimaryAssistant)()).assistantId
+            || peers_sdk_1.defaultAssistantId;
+        isPrimaryAssistant(assistant.assistantId === primaryAssistantId);
+        (0, tabs_state_1.updateActiveTabTitle)(assistant.name || "Assistant");
+        return (0, peers_sdk_1.Assistants)().initDoc(assistant);
+    }), undefined, [props.assistantId]);
+    if (assistant === null) {
+        return react_1.default.createElement("div", null,
+            "Assistant not found with id of ",
+            props.assistantId);
+    }
+    if (!assistant) {
+        return react_1.default.createElement(loading_indicator_1.LoadingIndicator, null);
+    }
+    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-person-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: assistant.assistantId, className: 'border border-0', style: { width: '100%', outline: 'none', backgroundColor: 'transparent' }, value: assistant.qs.name }))),
+            react_1.default.createElement("div", { className: "" },
+                react_1.default.createElement(save_button_1.SaveButton, { key: assistant.assistantId, doc: assistant }))),
+        react_1.default.createElement(tabs_1.Tabs, { key: assistant.assistantId, tabs: [
+                { name: 'Info', content: react_1.default.createElement(assistant_info_1.AssistantInfo, { assistant: assistant, isPrimaryAssistant: isPrimaryAssistant }) },
+                { name: 'Config', content: react_1.default.createElement(assistant_config_1.AssistantConfig, { assistant: assistant }) },
+                { name: 'Tools', content: react_1.default.createElement(assistant_tools_1.AssistantTools, { assistant: assistant }), },
+            ] })));
+};
+exports.AssistantDetails = AssistantDetails;

package/dist/screens/assistants/assistant-info.d.ts

@@ -0,0 +1,6 @@
+import { IAssistant, IDoc, Observable } from "@peers-app/peers-sdk";
+import React from "react";
+export declare const AssistantInfo: (props: {
+    assistant: IDoc<IAssistant>;
+    isPrimaryAssistant: Observable<boolean>;
+}) => React.JSX.Element;

package/dist/screens/assistants/assistant-info.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AssistantInfo = void 0;
+const react_1 = __importDefault(require("react"));
+const input_1 = require("../../components/input");
+const editor_inline_1 = require("../../components/markdown-editor/editor-inline");
+const hooks_1 = require("../../hooks");
+const AssistantInfo = (props) => {
+    const { assistant, isPrimaryAssistant } = props;
+    (0, hooks_1.useObservable)(isPrimaryAssistant);
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("small", null, "Name:"),
+        react_1.default.createElement(input_1.Input, { value: assistant.qs.name, className: "form-control mb-3 p-0 ps-2", placeholder: "Tool name", title: "Tool name" }),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement("label", { htmlFor: "isPrimary", className: "form-label small mt-2 me-2" }, "Primary Assistant:"),
+            react_1.default.createElement("input", { type: "checkbox", checked: isPrimaryAssistant(), onChange: (e) => {
+                    const checked = e.target.checked;
+                    isPrimaryAssistant(checked);
+                    assistant.q(assistant.q() + 1);
+                } })),
+        react_1.default.createElement("div", { className: 'mt-2' },
+            react_1.default.createElement("small", null, "Description:"),
+            react_1.default.createElement(editor_inline_1.MarkdownEditorInline, { value: assistant.qs.description }))));
+};
+exports.AssistantInfo = AssistantInfo;

package/dist/screens/assistants/assistant-list.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const AssistantList: () => React.JSX.Element;

package/dist/screens/assistants/assistant-list.js

@@ -0,0 +1,114 @@
+"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.AssistantList = void 0;
+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");
+const AssistantList = () => {
+    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() {
+        let cursor;
+        const _searchText = searchText.trim();
+        if (_searchText) {
+            cursor = await (0, peers_sdk_1.Assistants)().cursor({ name: { $matchWords: _searchText } }, { sortBy: ['-updatedAt'] });
+        }
+        else {
+            cursor = await (0, peers_sdk_1.Assistants)().cursor(undefined, { sortBy: ['-updatedAt'] });
+        }
+        cursorObs(cursor);
+        cursorId((0, peers_sdk_1.newid)());
+        return cursor;
+    }
+    (0, react_1.useEffect)(() => {
+        const sub = searchTextObs.subscribe(() => {
+            cursorObs(undefined);
+            cursorId((0, peers_sdk_1.newid)());
+        });
+        return () => sub.dispose();
+    }, [searchText]);
+    async function searchSubmit(evt) {
+        if (evt.key !== "Enter")
+            return;
+        if (!searchText.trim())
+            return;
+        let assistantName = searchText.trim();
+        const assistant = await (0, peers_sdk_1.Assistants)().initRecord({
+            name: assistantName,
+        });
+        await (0, peers_sdk_1.Assistants)().insert(assistant);
+        (0, globals_1.mainContentPath)(`assistants/${assistant.assistantId}`);
+    }
+    async function loadMore(loadedRecords) {
+        let moreMatches = [];
+        let cursor = cursorObs() || await newCursor();
+        for await (const assistant of cursor) {
+            if (loadedRecords.find(a => a.assistantId === assistant.assistantId))
+                continue;
+            moreMatches.push(assistant);
+            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", style: { marginBottom: "10px" }, placeholder: "Search or create new assistant", 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: (assistants) => {
+                    return assistants.map(assistant => {
+                        return (react_1.default.createElement("div", { key: assistant.assistantId, className: 'container-fluid pb-4' },
+                            react_1.default.createElement("i", { className: "bi bi-person-fill-gear" }),
+                            "\u00A0",
+                            react_1.default.createElement("a", { href: `#assistants/${assistant.assistantId}` }, assistant.name),
+                            react_1.default.createElement("div", { style: { paddingLeft: '20px' } },
+                                react_1.default.createElement(markdown_with_mentions_1.MarkdownWithMentions, { content: assistant.description ?? '' }))));
+                    });
+                }, 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 } }) }))));
+};
+exports.AssistantList = AssistantList;

package/dist/screens/assistants/assistant-tools.d.ts

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

package/dist/screens/assistants/assistant-tools.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AssistantTools = void 0;
+const react_1 = __importDefault(require("react"));
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+const tooltip_1 = require("../../components/tooltip");
+const editor_inline_1 = require("../../components/markdown-editor/editor-inline");
+const hooks_1 = require("../../hooks");
+const AssistantTools = (props) => {
+    const { assistant } = props;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { className: 'mt-2' },
+            react_1.default.createElement("small", null,
+                "Tool Inclusion Strategy:",
+                react_1.default.createElement("small", null,
+                    react_1.default.createElement(tooltip_1.Tooltip, { markdownContent: (0, peers_sdk_1.Assistants)().metaData.fields.find(f => f.name === 'toolInclusionStrategy')?.description ?? '' }))),
+            react_1.default.createElement(ToolInclusionStrategyDropDown, { assistant: assistant })),
+        react_1.default.createElement("div", { className: 'mt-2' },
+            react_1.default.createElement("small", null,
+                "Tools to Include:",
+                react_1.default.createElement("small", null,
+                    react_1.default.createElement(tooltip_1.Tooltip, { markdownContent: (0, peers_sdk_1.Assistants)().metaData.fields.find(f => f.name === 'toolsToInclude')?.description ?? '' }))),
+            react_1.default.createElement(editor_inline_1.MarkdownEditorInline, { value: assistant.qs.toolsToInclude }))));
+};
+exports.AssistantTools = AssistantTools;
+const ToolInclusionStrategyDropDown = (props) => {
+    const { assistant } = props;
+    (0, hooks_1.useObservable)(assistant.qs.toolInclusionStrategy);
+    return (react_1.default.createElement("div", { className: "dropdown" },
+        react_1.default.createElement("button", { className: "btn btn-secondary dropdown-toggle", type: "button", "data-bs-toggle": "dropdown", "aria-expanded": "false" }, (0, peers_sdk_1.camelCaseToSpaces)(assistant.toolInclusionStrategy)),
+        react_1.default.createElement("ul", { className: "dropdown-menu" }, Object.values(peers_sdk_1.ToolInclusionStrategy).map(strategy => {
+            return (react_1.default.createElement("li", { key: strategy, onClick: () => assistant.toolInclusionStrategy = strategy },
+                react_1.default.createElement("span", { className: "dropdown-item" }, (0, peers_sdk_1.camelCaseToSpaces)(strategy))));
+        }))));
+};

package/dist/screens/contacts/contact-details.d.ts

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

package/dist/screens/contacts/contact-details.js

@@ -0,0 +1,100 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContactDetails = void 0;
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+const react_1 = __importDefault(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 hooks_1 = require("../../hooks");
+const tabs_state_1 = require("../../tabs-layout/tabs-state");
+const ui_loader_1 = require("../../ui-router/ui-loader");
+const ContactDetails = (props) => {
+    const contact = (0, hooks_1.usePromise)(async () => {
+        const userContext = await (0, peers_sdk_1.getUserContext)();
+        const contact = await (0, peers_sdk_1.Users)(userContext.userDataContext).get(props.userId);
+        if (!contact) {
+            throw new Error('Contact not found');
+        }
+        (0, tabs_state_1.updateActiveTabTitle)(contact.name || "Contact");
+        return (0, peers_sdk_1.Users)(userContext.userDataContext).initDoc(contact);
+    }, undefined, [props.userId]);
+    if (!contact) {
+        return react_1.default.createElement(loading_indicator_1.LoadingIndicator, null);
+    }
+    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-person-fill-check 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: contact.userId, className: 'border border-0', style: { width: '100%', outline: 'none', backgroundColor: 'transparent' }, value: contact.qs.name }))),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(save_button_1.SaveButton, { key: contact.userId, doc: contact }))),
+        react_1.default.createElement(tabs_1.Tabs, { key: contact.userId, tabs: [
+                {
+                    name: 'Info', content: react_1.default.createElement(tabs_1.ScreenTabBody, null,
+                        react_1.default.createElement(ContactInfo, { contact: contact }))
+                },
+            ] })));
+};
+exports.ContactDetails = ContactDetails;
+const ContactInfo = (props) => {
+    const { contact } = props;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { className: "mb-3" },
+            react_1.default.createElement("small", null, "Name:"),
+            react_1.default.createElement(input_1.Input, { value: contact.qs.name, className: "form-control mb-3 p-0 ps-2", placeholder: "Contact name", title: "Contact name" })),
+        react_1.default.createElement("div", { className: "mb-3" },
+            react_1.default.createElement("small", null, "User ID:"),
+            react_1.default.createElement("div", { className: "form-control-plaintext text-muted small" }, contact.userId)),
+        react_1.default.createElement("div", { className: "mb-3" },
+            react_1.default.createElement("small", null, "Public Key:"),
+            react_1.default.createElement(input_1.Input, { value: contact.qs.publicKey, className: "form-control mb-3 p-0 ps-2", placeholder: "Public key", title: "Public key" })),
+        react_1.default.createElement("div", { className: "mb-3" },
+            react_1.default.createElement("small", null, "Public Box Key:"),
+            react_1.default.createElement(input_1.Input, { value: contact.qs.publicBoxKey, className: "form-control mb-3 p-0 ps-2", placeholder: "Public box key", title: "Public box key" })),
+        react_1.default.createElement("div", { className: "mb-3" },
+            react_1.default.createElement("small", null, "Trust Level:"),
+            react_1.default.createElement("div", { className: "mt-2" },
+                react_1.default.createElement(TrustLevelSelector, { contact: contact })))));
+};
+const TrustLevelSelector = (props) => {
+    const { contact } = props;
+    const trustLevels = [
+        { value: peers_sdk_1.TrustLevel.Self, label: 'Self', color: 'success' },
+        { value: peers_sdk_1.TrustLevel.Trusted, label: 'Trusted', color: 'success' },
+        { value: peers_sdk_1.TrustLevel.Known, label: 'Known', color: 'info' },
+        { value: peers_sdk_1.TrustLevel.NewDevice, label: 'New Device', color: 'primary' },
+        { value: peers_sdk_1.TrustLevel.NewUser, label: 'New User', color: 'primary' },
+        { value: peers_sdk_1.TrustLevel.Unknown, label: 'Unknown', color: 'warning' },
+        { value: peers_sdk_1.TrustLevel.Untrusted, label: 'Untrusted', color: 'danger' },
+        { value: peers_sdk_1.TrustLevel.Malicious, label: 'Malicious', color: 'danger' },
+    ];
+    return (react_1.default.createElement("div", { className: "d-flex flex-wrap gap-2" }, trustLevels.map(level => (react_1.default.createElement("button", { key: level.value, className: `btn btn-sm ${contact.trustLevel === level.value
+            ? `btn-${level.color}`
+            : `btn-outline-${level.color}`}`, onClick: () => contact.trustLevel = level.value }, level.label)))));
+};
+(0, ui_loader_1.registerInternalPeersUI)({
+    peersUIId: '00contact00details00component',
+    component: exports.ContactDetails,
+    routes: [
+        {
+            isMatch: (props, context) => {
+                const match = context.path.match(/^contacts\/([a-zA-Z0-9]+)$/);
+                if (match) {
+                    props.userId = match[1];
+                    return true;
+                }
+                return false;
+            },
+            uiCategory: 'screen',
+            priority: 2
+        }
+    ]
+});

package/dist/screens/contacts/contact-list.d.ts

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

package/dist/screens/contacts/contact-list.js

@@ -0,0 +1,213 @@
+"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.ContactList = ContactList;
+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 globals_1 = require("../../globals");
+const hooks_1 = require("../../hooks");
+const ui_loader_1 = require("../../ui-router/ui-loader");
+function ContactList() {
+    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 [existingContacts, setExistingContacts] = (0, react_1.useState)([]);
+    async function newCursor() {
+        const cursor = await (0, peers_sdk_1.usersCursor)({ name: { $matchWords: searchText } });
+        cursorObs(cursor);
+        return cursor;
+    }
+    (0, react_1.useEffect)(() => {
+        newCursor();
+        setExistingContacts([]); // Reset existing contacts when search changes
+    }, [searchText]);
+    async function loadMore(existing) {
+        let moreMatches = [];
+        let cursor = cursorObs() || await newCursor();
+        for await (const nextContact of cursor) {
+            if (existing.find(e => e.userId === nextContact.userId))
+                continue;
+            moreMatches.push(nextContact);
+            if (searchText.length && moreMatches.length > 5)
+                break;
+            if (moreMatches.length >= 10)
+                break;
+        }
+        if (moreMatches.length === 0) {
+            cursorObs(undefined);
+        }
+        setExistingContacts(existing.concat(moreMatches)); // Track all loaded contacts
+        return moreMatches;
+    }
+    function isValidUserId(id) {
+        // Check if it's a valid ID format (alphanumeric, typically 25 characters)
+        return /^[a-zA-Z0-9]{20,30}$/.test(id);
+    }
+    async function createContact(userId) {
+        try {
+            const userContext = await (0, peers_sdk_1.getUserContext)();
+            const usersTable = (0, peers_sdk_1.Users)(userContext.userDataContext);
+            const newContact = await usersTable.initRecord({
+                userId: userId.trim(),
+                name: 'New User',
+                publicKey: '',
+                publicBoxKey: '',
+                trustLevel: peers_sdk_1.TrustLevel.NewUser
+            });
+            await usersTable.save(newContact);
+            // Navigate to the details screen for the new contact
+            (0, globals_1.mainContentPath)(`contacts/${userId.trim()}`);
+        }
+        catch (error) {
+            console.error('Error creating contact:', error);
+        }
+    }
+    async function handleSearchSubmit(evt) {
+        if (evt.key !== 'Enter')
+            return;
+        const input = searchText.trim();
+        if (!input)
+            return;
+        // Check if there are any existing results
+        if (existingContacts.length === 0) {
+            // No results found, check if it's a valid user ID
+            if (isValidUserId(input)) {
+                // Clear search and create new contact with the ID
+                searchTextObs('');
+                await createContact(input);
+            }
+        }
+    }
+    function renderItems(contacts) {
+        const elements = [];
+        let lastSource = null;
+        contacts.forEach((contact, index) => {
+            // Add horizontal separator when source changes
+            if (lastSource && lastSource !== contact.source) {
+                elements.push(react_1.default.createElement("div", { key: `separator-${index}`, className: "my-3" },
+                    react_1.default.createElement("hr", { className: "border-secondary opacity-50" })));
+            }
+            elements.push(react_1.default.createElement(ContactCard, { key: contact.userId, contact: contact }));
+            lastSource = contact.source;
+        });
+        return elements;
+    }
+    return (react_1.default.createElement("div", { className: "container-fluid p-3" },
+        react_1.default.createElement("div", { className: "d-flex justify-content-between align-items-center mb-3" },
+            react_1.default.createElement("h4", null,
+                react_1.default.createElement("i", { className: "bi-person-fill-check me-2" }),
+                "Contacts")),
+        react_1.default.createElement("div", { className: "input-group mb-3" },
+            react_1.default.createElement(input_1.Input, { value: searchTextObs, className: "form-control", placeholder: "Search or create contacts", autoFocus: true, onKeyUp: handleSearchSubmit })),
+        react_1.default.createElement("div", { className: "peers-list-container" },
+            react_1.default.createElement(lazy_list_1.LazyList, { resetTrigger: searchText, loadMore: loadMore, scrollThreshold: 0.6, renderItems: renderItems, 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 } }) }))));
+}
+const ContactCard = ({ contact }) => {
+    const getSourceLabel = (source) => {
+        switch (source) {
+            case 'userDataContext': return 'Personal';
+            case 'currentDataContext': return 'Current Context';
+            case 'otherDataContexts': return 'Groups';
+            default: return source;
+        }
+    };
+    const getSourceIcon = (source) => {
+        switch (source) {
+            case 'userDataContext': return 'bi-person-fill';
+            case 'currentDataContext': return 'bi-house-fill';
+            case 'otherDataContexts': return 'bi-people-fill';
+            default: return 'bi-question-circle';
+        }
+    };
+    return (react_1.default.createElement("div", { className: "list-group-item d-flex align-items-center justify-content-between py-2" },
+        react_1.default.createElement("div", { className: "d-flex align-items-center" },
+            react_1.default.createElement("i", { className: "bi-person-circle me-3", style: { fontSize: '32px', color: '#6c757d' } }),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement("strong", null, contact.name),
+                react_1.default.createElement("div", { className: "d-flex align-items-center" },
+                    react_1.default.createElement("small", { className: "text-muted" }, contact.userId),
+                    react_1.default.createElement("span", { className: "mx-1 text-muted" }, "\u2022"),
+                    react_1.default.createElement("small", { className: "text-info d-flex align-items-center" },
+                        react_1.default.createElement("i", { className: `${getSourceIcon(contact.source)} me-1` }),
+                        getSourceLabel(contact.source))))),
+        react_1.default.createElement("div", { className: "d-flex align-items-center" },
+            react_1.default.createElement(TrustLevelBadge, { level: contact.trustLevel || peers_sdk_1.TrustLevel.Unknown }),
+            react_1.default.createElement("a", { href: `#contacts/${contact.userId}`, className: "btn btn-outline-primary btn-sm ms-2" },
+                react_1.default.createElement("i", { className: "bi-eye me-1" }),
+                "View"))));
+};
+const TrustLevelBadge = ({ level }) => {
+    // Define trust level configurations with their numeric values
+    const trustLevelConfigs = [
+        { value: peers_sdk_1.TrustLevel.Self, color: 'success', icon: 'bi-shield-fill-check', text: 'Self' },
+        { value: peers_sdk_1.TrustLevel.Trusted, color: 'success', icon: 'bi-shield-check', text: 'Trusted' },
+        { value: peers_sdk_1.TrustLevel.Known, color: 'info', icon: 'bi-shield-check', text: 'Known' },
+        { value: peers_sdk_1.TrustLevel.NewDevice, color: 'primary', icon: 'bi-shield-plus', text: 'New Device' },
+        { value: peers_sdk_1.TrustLevel.NewUser, color: 'primary', icon: 'bi-shield-plus', text: 'New User' },
+        { value: peers_sdk_1.TrustLevel.Unknown, color: 'warning', icon: 'bi-shield-exclamation', text: 'Unknown' },
+        { value: peers_sdk_1.TrustLevel.Untrusted, color: 'danger', icon: 'bi-shield-x', text: 'Untrusted' },
+        { value: peers_sdk_1.TrustLevel.Malicious, color: 'danger', icon: 'bi-shield-x', text: 'Malicious' }
+    ];
+    // Sort by trust level value (ascending, so lowest first)
+    const sortedConfigs = trustLevelConfigs.sort((a, b) => a.value - b.value);
+    // Find the highest trust level that is at or below the current level
+    let config = { color: 'secondary', icon: 'bi-shield', text: 'Unknown' };
+    for (const trustConfig of sortedConfigs) {
+        if (level >= trustConfig.value) {
+            config = trustConfig;
+        }
+        else {
+            break;
+        }
+    }
+    return (react_1.default.createElement("span", { className: `badge bg-${config.color} d-flex align-items-center gap-1` },
+        react_1.default.createElement("i", { className: config.icon }),
+        config.text));
+};
+(0, ui_loader_1.registerInternalPeersUI)({
+    peersUIId: '00mfc4ql0lgqmjxrpvcd4ufk0',
+    component: ContactList,
+    routes: [
+        {
+            isMatch: (props, context) => context.path === 'contacts',
+            uiCategory: 'screen',
+            priority: 2
+        }
+    ]
+});

package/dist/screens/contacts/index.d.ts

@@ -0,0 +1,4 @@
+import './contact-list';
+import './contact-details';
+export * from "./contact-list";
+export * from "./contact-details";

package/dist/screens/contacts/index.js

@@ -0,0 +1,21 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// Import all contact screen components to ensure they register their routes
+require("./contact-list");
+require("./contact-details");
+__exportStar(require("./contact-list"), exports);
+__exportStar(require("./contact-details"), exports);

package/dist/screens/events/cron.d.ts

@@ -0,0 +1,3 @@
+export declare function getCronErrors(cronExpression: string): string | false;
+export declare function getCronExplanation(cronExpression: string): string;
+export declare function getNextCronDate(cronExpression: string): Date;