@peers-app/peers-ui 0.9.5 → 0.10.3

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

@@ -1,41 +1,11 @@
 "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;
-    };
-})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 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 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");
@@ -46,15 +16,13 @@ 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 [userAssistantId] = (0, hooks_1.useObservable)(peers_sdk_1.userPrimaryAssistantVar);
+    const [groupAssistantId] = (0, hooks_1.useObservable)(peers_sdk_1.groupPrimaryAssistantVar);
     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]);
@@ -77,7 +45,10 @@ const AssistantDetails = (props) => {
             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: 'Info',
+                    content: (react_1.default.createElement(assistant_info_1.AssistantInfo, { assistant: assistant, isPrimaryAssistant: userAssistantId === assistant.assistantId, isGroupPrimaryAssistant: groupAssistantId === assistant.assistantId, onSetPrimary: (checked) => (0, peers_sdk_1.userPrimaryAssistantVar)(checked ? assistant.assistantId : undefined), onSetGroupPrimary: (checked) => (0, peers_sdk_1.groupPrimaryAssistantVar)(checked ? assistant.assistantId : undefined) })),
+                },
                 { 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 }), },
             ] })));

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

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

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

@@ -7,20 +7,17 @@ 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);
+    const { assistant, isPrimaryAssistant, isGroupPrimaryAssistant, onSetPrimary, onSetGroupPrimary } = props;
     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("label", { htmlFor: "isPrimary", className: "form-label small mt-2 me-2" }, "My Default Assistant:"),
+            react_1.default.createElement("input", { type: "checkbox", id: "isPrimary", checked: isPrimaryAssistant, onChange: (e) => onSetPrimary(e.target.checked) })),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement("label", { htmlFor: "isGroupPrimary", className: "form-label small mt-2 me-2" }, "Group Default Assistant:"),
+            react_1.default.createElement("input", { type: "checkbox", id: "isGroupPrimary", checked: isGroupPrimaryAssistant, onChange: (e) => onSetGroupPrimary(e.target.checked) })),
         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 }))));

package/dist/screens/packages/package-details.js

@@ -10,11 +10,13 @@ const loading_indicator_1 = require("../../components/loading-indicator");
 const save_button_1 = require("../../components/save-button");
 const tabs_1 = require("../../components/tabs");
 const package_info_1 = require("./package-info");
+const package_versions_1 = require("./package-versions");
 const hooks_1 = require("../../hooks");
 const input_1 = require("../../components/input");
 const tabs_state_1 = require("../../tabs-layout/tabs-state");
 const PackageDetails = (props) => {
     const refresh = (0, hooks_1.useObservableState)(Date.now());
+    const saveDeviceTagRef = react_1.default.useRef(null);
     const pkg = (0, hooks_1.usePromise)(async () => {
         const pkg = await (0, peers_sdk_1.Packages)().get(props.packageId);
         if (!pkg) {
@@ -62,13 +64,20 @@ const PackageDetails = (props) => {
                 react_1.default.createElement("h4", null,
                     react_1.default.createElement(input_1.Input, { key: pkg.packageId, className: 'border border-0', style: { width: '100%', outline: 'none', backgroundColor: 'transparent' }, value: pkg.qs.name }))),
             react_1.default.createElement("div", null,
-                react_1.default.createElement(save_button_1.SaveButton, { key: pkg.packageId, doc: pkg, addActions: [
+                react_1.default.createElement(save_button_1.SaveButton, { key: pkg.packageId, doc: pkg, onClick: async () => {
+                        await pkg.save();
+                        await saveDeviceTagRef.current?.();
+                    }, addActions: [
                         ...addActions
                     ] }))),
         react_1.default.createElement(tabs_1.Tabs, { key: pkg.packageId, tabs: [
                 {
                     name: 'Info', content: react_1.default.createElement(tabs_1.ScreenTabBody, null,
-                        react_1.default.createElement(package_info_1.PackageInfo, { pkg: pkg }))
+                        react_1.default.createElement(package_info_1.PackageInfo, { pkg: pkg, saveDeviceTagRef: saveDeviceTagRef }))
+                },
+                {
+                    name: 'Versions', content: react_1.default.createElement(tabs_1.ScreenTabBody, null,
+                        react_1.default.createElement(package_versions_1.PackageVersionsList, { pkg: pkg }))
                 },
                 {
                     name: 'Components', content: react_1.default.createElement(tabs_1.ScreenTabBody, null, "TODO - show all of the different components in the package")

package/dist/screens/packages/package-info.d.ts

@@ -2,4 +2,5 @@ import React from "react";
 import { IDoc, IPackage } from "@peers-app/peers-sdk";
 export declare const PackageInfo: (props: {
     pkg: IDoc<IPackage>;
+    saveDeviceTagRef?: React.MutableRefObject<(() => Promise<void>) | null>;
 }) => React.JSX.Element;

package/dist/screens/packages/package-info.js

@@ -9,8 +9,89 @@ const peers_sdk_1 = require("@peers-app/peers-sdk");
 const markdown_with_mentions_1 = require("../../components/markdown-with-mentions");
 const tooltip_1 = require("../../components/tooltip");
 const input_1 = require("../../components/input");
+const hooks_1 = require("../../hooks");
+const deviceVersionTagVar = (0, peers_sdk_1.groupDeviceVar)('deviceVersionTag');
 const PackageInfo = (props) => {
     const { pkg } = props;
+    const [activeVersionId] = (0, hooks_1.useObservable)(pkg.qs.activePackageVersionId);
+    const [versionFollowRange] = (0, hooks_1.useObservable)(pkg.qs.versionFollowRange);
+    const [followVersionTags] = (0, hooks_1.useObservable)(pkg.qs.followVersionTags);
+    const [deviceTag] = (0, hooks_1.useObservable)(deviceVersionTagVar);
+    const [deviceTagDraft, setDeviceTagDraft] = react_1.default.useState(deviceTag || '');
+    const savingRef = react_1.default.useRef(false);
+    react_1.default.useEffect(() => {
+        if (!savingRef.current) {
+            setDeviceTagDraft(deviceTag || '');
+        }
+    }, [deviceTag]);
+    const deviceTagDirty = deviceTagDraft.trim() !== (deviceTag || '');
+    const prevDirtyRef = react_1.default.useRef(false);
+    react_1.default.useEffect(() => {
+        if (deviceTagDirty && !prevDirtyRef.current) {
+            pkg.q((pkg.q() || 0) + 1);
+        }
+        else if (!deviceTagDirty && prevDirtyRef.current) {
+            pkg.q(Math.max(0, (pkg.q() || 0) - 1));
+        }
+        prevDirtyRef.current = deviceTagDirty;
+    }, [deviceTagDirty]);
+    if (props.saveDeviceTagRef) {
+        props.saveDeviceTagRef.current = async () => {
+            const val = deviceTagDraft.trim();
+            if (val !== (deviceTag || '')) {
+                savingRef.current = true;
+                try {
+                    if (val) {
+                        deviceVersionTagVar(val);
+                    }
+                    else {
+                        await deviceVersionTagVar.delete();
+                    }
+                }
+                finally {
+                    savingRef.current = false;
+                }
+            }
+        };
+    }
+    const activeVersion = (0, hooks_1.usePromise)(async () => {
+        if (!activeVersionId)
+            return null;
+        return (0, peers_sdk_1.PackageVersions)().get(activeVersionId);
+    }, undefined, [activeVersionId]);
+    const newerLevel = (0, hooks_1.usePromise)(async () => {
+        if (!activeVersionId)
+            return 'uptodate';
+        const all = await (0, peers_sdk_1.PackageVersions)().list({ packageId: pkg.packageId });
+        const active = all.find(v => v.packageVersionId === activeVersionId);
+        if (!active?.version)
+            return 'uptodate';
+        const parse = (v) => v.split('.').map(Number);
+        const [aMaj, aMin, aPat] = parse(active.version);
+        let highest = null;
+        for (const v of all) {
+            if (!v.version || v.packageVersionId === activeVersionId)
+                continue;
+            if (!(0, peers_sdk_1.doesTagMatch)(active.versionTag, v.versionTag, followVersionTags, deviceTag))
+                continue;
+            const [maj, min, pat] = parse(v.version);
+            if (maj > aMaj)
+                return 'major';
+            if (maj === aMaj && min > aMin) {
+                highest = 'minor';
+                continue;
+            }
+            if (maj === aMaj && min === aMin && pat > aPat && !highest) {
+                highest = 'patch';
+                continue;
+            }
+            if (maj === aMaj && min === aMin && pat === aPat && (v.createdAt || '') > (active.createdAt || '') && !highest) {
+                highest = 'patch';
+            }
+        }
+        return highest || 'uptodate';
+    }, undefined, [activeVersionId, pkg.packageId, followVersionTags, deviceTag]);
+    const isPinned = versionFollowRange === 'pinned';
     return (react_1.default.createElement("div", null,
         react_1.default.createElement("small", null, "Name:"),
         react_1.default.createElement(input_1.Input, { value: pkg.qs.name, className: "form-control mb-3 p-0 ps-2", placeholder: "Package name", title: "Package name", disabled: true }),
@@ -32,6 +113,46 @@ const PackageInfo = (props) => {
                             peers_sdk_1.rpcServerCalls.openLinkInBrowser(pkg.remoteRepo);
                         } }, "Open Remote"))),
             react_1.default.createElement(input_1.Input, { value: pkg.qs.remoteRepo, className: "form-control mb-3 p-0 ps-2", disabled: true }))),
+        react_1.default.createElement("div", { className: "mt-2" },
+            react_1.default.createElement("hr", null),
+            react_1.default.createElement("small", null,
+                "Version:",
+                react_1.default.createElement(tooltip_1.Tooltip, { markdownContent: "The currently active version of this package. Manage versions in the Versions tab." })),
+            activeVersion ? (react_1.default.createElement("div", { className: "d-flex align-items-center mt-1 mb-3" },
+                react_1.default.createElement("strong", { className: "me-2" },
+                    "v",
+                    activeVersion.version),
+                activeVersion.versionTag && (react_1.default.createElement("span", { className: `badge ${activeVersion.versionTag.startsWith('beta') ? 'text-bg-warning' : 'text-bg-info'} me-2` }, activeVersion.versionTag)),
+                react_1.default.createElement("code", { className: "text-muted small me-2" }, activeVersion.packageVersionHash?.substring(0, 8)),
+                newerLevel === 'uptodate' ? (react_1.default.createElement("span", { className: "badge text-bg-success" }, "Up to date")) : newerLevel ? (react_1.default.createElement("span", { className: `badge text-bg-${newerLevel === 'major' ? 'danger' : newerLevel === 'minor' ? 'warning' : 'info'}` },
+                    "Newer ",
+                    newerLevel,
+                    " version available")) : null)) : (react_1.default.createElement("div", { className: "text-muted small mt-1 mb-3" }, "No active version")),
+            react_1.default.createElement("div", { className: "mb-3" },
+                react_1.default.createElement("small", null,
+                    "Auto-Update Range:",
+                    react_1.default.createElement(tooltip_1.Tooltip, { markdownContent: "Controls which new versions are auto-activated. **Pinned** = never auto-update. **Patch** = same major.minor (e.g. 1.2.x). **Minor** = same major (e.g. 1.x.x). **Latest** = always auto-update to newest." })),
+                react_1.default.createElement("select", { className: "form-select form-select-sm", value: versionFollowRange || 'latest', onChange: (e) => {
+                        const val = e.target.value;
+                        pkg.versionFollowRange = val === 'latest' ? undefined : val;
+                    } },
+                    react_1.default.createElement("option", { value: "latest" }, "Latest (auto-update to newest)"),
+                    react_1.default.createElement("option", { value: "minor" }, "Minor (same major version)"),
+                    react_1.default.createElement("option", { value: "patch" }, "Patch (same major.minor version)"),
+                    react_1.default.createElement("option", { value: "pinned" }, "Pinned (no auto-updates)"))),
+            react_1.default.createElement("div", { className: `mb-3 ${isPinned ? 'opacity-50' : ''}` },
+                react_1.default.createElement("small", null,
+                    "Follow Version Tags:",
+                    react_1.default.createElement(tooltip_1.Tooltip, { markdownContent: "Which version tags to auto-activate. Leave empty for **current** (follows the active version's tag). Use `*` for any tag, or a comma-separated list like `stable,prod`." })),
+                react_1.default.createElement(input_1.Input, { value: pkg.qs.followVersionTags, className: "form-control form-control-sm p-0 ps-2", placeholder: `Following "${activeVersion?.versionTag || 'stable'}"`, disabled: isPinned })),
+            react_1.default.createElement("div", { className: "mb-2" },
+                react_1.default.createElement("small", null,
+                    "Device-Specific Version Tag:",
+                    react_1.default.createElement(tooltip_1.Tooltip, { markdownContent: "Override the tag policy for this device only. For example, set to `beta` to test pre-release versions on this device without affecting other devices or group members. This is not synced." })),
+                react_1.default.createElement("div", { className: "d-flex align-items-center gap-2" },
+                    react_1.default.createElement("input", { type: "text", className: "form-control form-control-sm p-0 ps-2", placeholder: "e.g. beta", value: deviceTagDraft, onChange: (e) => setDeviceTagDraft(e.target.value) }),
+                    deviceTagDraft && (react_1.default.createElement("button", { className: "btn btn-sm btn-outline-secondary", title: "Clear device tag override", onClick: () => setDeviceTagDraft('') },
+                        react_1.default.createElement("i", { className: "bi bi-x-lg" })))))),
         react_1.default.createElement("div", { className: "mt-2" },
             react_1.default.createElement("hr", null),
             react_1.default.createElement("small", null,

package/dist/screens/packages/package-list.js

@@ -43,6 +43,55 @@ const tooltip_1 = require("../../components/tooltip");
 const globals_1 = require("../../globals");
 const hooks_1 = require("../../hooks");
 const ui_loader_1 = require("../../ui-router/ui-loader");
+const PackageVersionBadge = ({ activePackageVersionId, packageId, followVersionTags }) => {
+    const data = (0, hooks_1.usePromise)(async () => {
+        if (!activePackageVersionId)
+            return null;
+        const all = await (0, peers_sdk_1.PackageVersions)().list({ packageId });
+        const active = all.find(v => v.packageVersionId === activePackageVersionId);
+        if (!active)
+            return null;
+        let newerLevel = null;
+        if (active.version) {
+            const parse = (v) => v.split('.').map(Number);
+            const [aMaj, aMin, aPat] = parse(active.version);
+            for (const v of all) {
+                if (!v.version || v.packageVersionId === activePackageVersionId)
+                    continue;
+                if (!(0, peers_sdk_1.doesTagMatch)(active.versionTag, v.versionTag, followVersionTags, undefined))
+                    continue;
+                const [maj, min, pat] = parse(v.version);
+                if (maj > aMaj) {
+                    newerLevel = 'major';
+                    break;
+                }
+                if (maj === aMaj && min > aMin) {
+                    newerLevel = 'minor';
+                    continue;
+                }
+                if (maj === aMaj && min === aMin && pat > aPat && !newerLevel) {
+                    newerLevel = 'patch';
+                    continue;
+                }
+                if (maj === aMaj && min === aMin && pat === aPat && (v.createdAt || '') > (active.createdAt || '') && !newerLevel) {
+                    newerLevel = 'patch';
+                }
+            }
+        }
+        return { pv: active, newerLevel };
+    }, undefined, [activePackageVersionId, packageId, followVersionTags]);
+    if (!data)
+        return null;
+    const { pv, newerLevel } = data;
+    return (react_1.default.createElement("span", { className: "ms-2" },
+        react_1.default.createElement("small", { className: "text-muted" },
+            "v",
+            pv.version),
+        pv.versionTag && (react_1.default.createElement("span", { className: `badge ms-1 ${pv.versionTag.startsWith('beta') ? 'text-bg-warning' : 'text-bg-info'}`, style: { fontSize: '0.65em' } }, pv.versionTag)),
+        newerLevel ? (react_1.default.createElement("span", { className: `badge ms-1 text-bg-${newerLevel === 'major' ? 'danger' : newerLevel === 'minor' ? 'warning' : 'info'}`, style: { fontSize: '0.65em' } },
+            newerLevel,
+            " update")) : (react_1.default.createElement("span", { className: "badge ms-1 text-bg-success", style: { fontSize: '0.65em' } }, "up to date"))));
+};
 const PackageList = () => {
     const [searchTextObs] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)(''));
     const [searchText] = (0, hooks_1.useObservable)(searchTextObs);
@@ -157,6 +206,7 @@ const PackageList = () => {
                             react_1.default.createElement("i", { className: "bi bi-box-fill" }),
                             "\u00A0\u00A0",
                             react_1.default.createElement("a", { href: `#packages/${pkg.packageId}` }, pkg.name),
+                            react_1.default.createElement(PackageVersionBadge, { activePackageVersionId: pkg.activePackageVersionId, packageId: pkg.packageId, followVersionTags: pkg.followVersionTags }),
                             react_1.default.createElement(tooltip_1.Tooltip, { markdownContent: pkg.description, positions: ['bottom', 'top', 'right', 'left'] })));
                     });
                 }, loadingIndicator: react_1.default.createElement("div", { className: "d-flex justify-content-center", style: { height: 200 } },

package/dist/screens/packages/package-versions.d.ts

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

package/dist/screens/packages/package-versions.js

@@ -0,0 +1,197 @@
+"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.PackageVersionsList = void 0;
+const react_1 = __importStar(require("react"));
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+const hooks_1 = require("../../hooks");
+function formatDate(iso) {
+    try {
+        const d = new Date(iso);
+        const now = new Date();
+        const diffMs = now.getTime() - d.getTime();
+        const diffMins = Math.floor(diffMs / 60000);
+        if (diffMins < 1)
+            return 'just now';
+        if (diffMins < 60)
+            return `${diffMins}m ago`;
+        const diffHours = Math.floor(diffMins / 60);
+        if (diffHours < 24)
+            return `${diffHours}h ago`;
+        const diffDays = Math.floor(diffHours / 24);
+        if (diffDays < 30)
+            return `${diffDays}d ago`;
+        return d.toLocaleDateString();
+    }
+    catch {
+        return iso;
+    }
+}
+function tagBadgeClass(tag) {
+    if (!tag)
+        return 'text-bg-secondary';
+    if (tag.startsWith('beta'))
+        return 'text-bg-warning';
+    if (tag === 'stable')
+        return 'text-bg-info';
+    return 'text-bg-secondary';
+}
+const PackageVersionsList = (props) => {
+    const { pkg } = props;
+    const [activeVersionId] = (0, hooks_1.useObservable)(pkg.qs.activePackageVersionId);
+    const [versionFollowRange] = (0, hooks_1.useObservable)(pkg.qs.versionFollowRange);
+    const refreshKey = (0, hooks_1.useObservableState)(0);
+    const [activating, setActivating] = (0, react_1.useState)(null);
+    const [deleting, setDeleting] = (0, react_1.useState)(null);
+    const [pinning, setPinning] = (0, react_1.useState)(false);
+    const isPinned = versionFollowRange === 'pinned';
+    const versions = (0, hooks_1.usePromise)(async () => {
+        const all = await (0, peers_sdk_1.PackageVersions)().list({ packageId: pkg.packageId });
+        const parse = (v) => v.split('.').map(Number);
+        const sorted = all.sort((a, b) => {
+            const [aMaj, aMin, aPat] = parse(a.version || '0.0.0');
+            const [bMaj, bMin, bPat] = parse(b.version || '0.0.0');
+            if (bMaj !== aMaj)
+                return bMaj - aMaj;
+            if (bMin !== aMin)
+                return bMin - aMin;
+            if (bPat !== aPat)
+                return bPat - aPat;
+            return (b.createdAt || '').localeCompare(a.createdAt || '');
+        });
+        const uniqueCreatorIds = [...new Set(sorted.map(pv => pv.createdBy).filter(Boolean))];
+        const userMap = new Map();
+        await Promise.all(uniqueCreatorIds.map(async (uid) => {
+            try {
+                const user = await (0, peers_sdk_1.Users)().get(uid, { useCache: true });
+                if (user?.name)
+                    userMap.set(uid, user.name);
+            }
+            catch { }
+        }));
+        return { sorted, userMap };
+    }, undefined, [pkg.packageId, refreshKey()]);
+    async function activateVersion(pv) {
+        setActivating(pv.packageVersionId);
+        try {
+            const current = await (0, peers_sdk_1.Packages)().get(pkg.packageId);
+            if (current) {
+                current.activePackageVersionId = pv.packageVersionId;
+                await (0, peers_sdk_1.Packages)().signAndSave(current);
+                await pkg.load();
+                refreshKey(refreshKey() + 1);
+            }
+        }
+        catch (err) {
+            alert(`Failed to activate version: ${err}`);
+        }
+        finally {
+            setActivating(null);
+        }
+    }
+    async function deleteVersion(pv) {
+        if (!confirm(`Delete version v${pv.version} (${pv.packageVersionHash?.substring(0, 8)})?`))
+            return;
+        setDeleting(pv.packageVersionId);
+        try {
+            await (0, peers_sdk_1.PackageVersions)().delete(pv.packageVersionId);
+            refreshKey(refreshKey() + 1);
+        }
+        catch (err) {
+            alert(`Failed to delete version: ${err}`);
+        }
+        finally {
+            setDeleting(null);
+        }
+    }
+    async function pinVersion() {
+        setPinning(true);
+        try {
+            const current = await (0, peers_sdk_1.Packages)().get(pkg.packageId);
+            if (current) {
+                current.versionFollowRange = 'pinned';
+                await (0, peers_sdk_1.Packages)().signAndSave(current);
+                await pkg.load();
+            }
+        }
+        catch (err) {
+            alert(`Failed to pin version: ${err}`);
+        }
+        finally {
+            setPinning(false);
+        }
+    }
+    if (!versions) {
+        return react_1.default.createElement("div", { className: "text-center p-3" },
+            react_1.default.createElement("div", { className: "spinner-border spinner-border-sm" }));
+    }
+    const { sorted, userMap } = versions;
+    if (sorted.length === 0) {
+        return (react_1.default.createElement("div", { className: "text-muted text-center p-4" },
+            react_1.default.createElement("i", { className: "bi bi-tag me-1" }),
+            "No versions found for this package."));
+    }
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("small", { className: "text-muted" },
+            sorted.length,
+            " version",
+            sorted.length !== 1 ? 's' : ''),
+        react_1.default.createElement("div", { className: "list-group mt-2" }, sorted.map(pv => {
+            const isActive = pv.packageVersionId === activeVersionId;
+            const creatorName = userMap.get(pv.createdBy);
+            return (react_1.default.createElement("div", { key: pv.packageVersionId, className: `list-group-item ${isActive ? 'list-group-item-success' : ''}` },
+                react_1.default.createElement("div", { className: "d-flex align-items-center justify-content-between" },
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("strong", { className: "me-2" },
+                            "v",
+                            pv.version),
+                        pv.versionTag && (react_1.default.createElement("span", { className: `badge ${tagBadgeClass(pv.versionTag)} me-2` }, pv.versionTag)),
+                        react_1.default.createElement("code", { className: "text-muted small me-2" }, pv.packageVersionHash?.substring(0, 8)),
+                        react_1.default.createElement("small", { className: "text-muted me-2" }, formatDate(pv.createdAt)),
+                        creatorName && (react_1.default.createElement("small", { className: "text-muted" },
+                            "by ",
+                            creatorName))),
+                    react_1.default.createElement("div", { className: "d-flex gap-1" },
+                        isActive ? (react_1.default.createElement(react_1.default.Fragment, null,
+                            react_1.default.createElement("button", { className: "btn btn-sm btn-outline-secondary", disabled: isPinned || pinning, onClick: () => pinVersion(), title: isPinned ? 'Already pinned' : 'Pin to this version (disable auto-updates)' },
+                                pinning ? (react_1.default.createElement("span", { className: "spinner-border spinner-border-sm" })) : (react_1.default.createElement("i", { className: "bi bi-pin-fill" })),
+                                isPinned ? ' Pinned' : ' Pin'),
+                            react_1.default.createElement("span", { className: "badge text-bg-success align-self-center" }, "active"))) : (react_1.default.createElement("button", { className: "btn btn-sm btn-outline-primary", disabled: activating === pv.packageVersionId, onClick: () => activateVersion(pv) },
+                            activating === pv.packageVersionId ? (react_1.default.createElement("span", { className: "spinner-border spinner-border-sm me-1" })) : (react_1.default.createElement("i", { className: "bi bi-check2-circle me-1" })),
+                            "Activate")),
+                        !isActive && (react_1.default.createElement("button", { className: "btn btn-sm btn-outline-danger", disabled: deleting === pv.packageVersionId, onClick: () => deleteVersion(pv) }, deleting === pv.packageVersionId ? (react_1.default.createElement("span", { className: "spinner-border spinner-border-sm" })) : (react_1.default.createElement("i", { className: "bi bi-trash" }))))))));
+        }))));
+};
+exports.PackageVersionsList = PackageVersionsList;

package/dist/system-apps/index.js

@@ -106,7 +106,4 @@ exports.systemPackage = {
     localPath: '',
     disabled: false,
     signature: '',
-    packageBundleFileId: '',
-    packageBundleFileHash: '',
-    // System apps use existing router instead of separate bundle files
 };

package/dist/ui-router/routes-loader.d.ts

@@ -6,19 +6,16 @@ export declare const allPackages: import("@peers-app/peers-sdk").Observable<{
     createdBy: string;
     packageId: string;
     localPath: string;
-    packageBundleFileId: string;
-    packageBundleFileHash: string;
     disabled?: boolean | undefined;
-    remoteRepo?: string | undefined;
     appNavs?: {
         name: string;
         iconClassName: string;
         navigationPath: string;
         displayName?: string | undefined;
     }[] | undefined;
-    routesBundleFileId?: string | undefined;
-    routesBundleFileHash?: string | undefined;
-    uiBundleFileId?: string | undefined;
-    uiBundleFileHash?: string | undefined;
+    remoteRepo?: string | undefined;
+    activePackageVersionId?: string | undefined;
+    versionFollowRange?: "pinned" | "patch" | "minor" | "latest" | undefined;
+    followVersionTags?: string | undefined;
 }[]>;
 export declare const loadAllRoutes: () => Promise<true | undefined>;