@peers-app/peers-ui 0.14.0 → 0.15.0

package/dist/tabs-layout/tabs-state.d.ts

@@ -1,4 +1,4 @@
-import { IAppNav, IPackage, Observable } from "@peers-app/peers-sdk";
+import { type IAppNav, type IPackage, type Observable } from "@peers-app/peers-sdk";
 export interface TabState {
     tabId: string;
     packageId?: string;
@@ -18,7 +18,7 @@ export declare const recentlyUsedApps: Observable<string[]> & {
 };
 export declare const initializedTabs: Set<string>;
 export declare function goToTabPath(path: string): void;
-export declare const handleMainPathChanged: (oldPath: string, newPath: string, setNewMainPath: ((path: string) => any)) => void;
+export declare const handleMainPathChanged: (oldPath: string, newPath: string, setNewMainPath: (path: string) => void) => void;
 type AppInfo = {
     navItem: IAppNav;
     package: IPackage;

package/dist/tabs-layout/tabs-state.js

@@ -8,27 +8,27 @@ const globals_1 = require("../globals");
 const system_apps_1 = require("../system-apps");
 const routes_loader_1 = require("../ui-router/routes-loader");
 exports.launcherApp = {
-    tabId: 'launcher',
-    packageId: 'launcher',
-    path: '',
-    title: 'Apps',
-    iconClassName: 'bi-grid-3x3-gap',
+    tabId: "launcher",
+    packageId: "launcher",
+    path: "",
+    title: "Apps",
+    iconClassName: "bi-grid-3x3-gap",
 };
 // Persistent vars for storage (write-only, no subscription to avoid oscillation)
-const _persistentActiveTabs = (0, peers_sdk_1.groupDeviceVar)('activeTabs', {
+const _persistentActiveTabs = (0, peers_sdk_1.groupDeviceVar)("activeTabs", {
     defaultValue: [exports.launcherApp],
 });
-const _persistentActiveTabId = (0, peers_sdk_1.groupDeviceVar)('activeTabId', {
-    defaultValue: 'launcher',
+const _persistentActiveTabId = (0, peers_sdk_1.groupDeviceVar)("activeTabId", {
+    defaultValue: "launcher",
 });
-const _persistentRecentlyUsedApps = (0, peers_sdk_1.groupUserVar)('recentlyUsedApps', {
+const _persistentRecentlyUsedApps = (0, peers_sdk_1.groupUserVar)("recentlyUsedApps", {
     defaultValue: [],
 });
 // In-memory observables for UI state (loaded once, then write-through to persistent vars)
 exports.activeTabs = (() => {
     const obs = (0, peers_sdk_1.observable)([exports.launcherApp]);
     // Write-through to persistent var on change
-    obs.subscribe(value => {
+    obs.subscribe((value) => {
         _persistentActiveTabs(value);
     });
     // Load initial value once
@@ -38,9 +38,9 @@ exports.activeTabs = (() => {
     return Object.assign(obs, { loadingPromise });
 })();
 exports.activeTabId = (() => {
-    const obs = (0, peers_sdk_1.observable)('launcher');
+    const obs = (0, peers_sdk_1.observable)("launcher");
     // Write-through to persistent var on change
-    obs.subscribe(value => {
+    obs.subscribe((value) => {
         _persistentActiveTabId(value);
     });
     // Load initial value once
@@ -52,7 +52,7 @@ exports.activeTabId = (() => {
 exports.recentlyUsedApps = (() => {
     const obs = (0, peers_sdk_1.observable)([]);
     // Write-through to persistent var on change
-    obs.subscribe(value => {
+    obs.subscribe((value) => {
         _persistentRecentlyUsedApps(value);
     });
     // Load initial value once
@@ -63,7 +63,7 @@ exports.recentlyUsedApps = (() => {
 })();
 exports.initializedTabs = new Set();
 function goToTabPath(path) {
-    const tab = (0, exports.activeTabs)().find(t => t.path === path);
+    const tab = (0, exports.activeTabs)().find((t) => t.path === path);
     if (tab) {
         (0, exports.activeTabId)(tab.tabId);
     }
@@ -74,45 +74,52 @@ function goToTabPath(path) {
                 path: path,
                 title: appInfo.navItem.displayName || appInfo.navItem.name,
                 packageId: appInfo.package.packageId,
-                iconClassName: appInfo.navItem.iconClassName
+                iconClassName: appInfo.navItem.iconClassName,
             });
         }
         else {
-            // update current tab path if no app found
+            // No app matched — navigate by updating the active tab's path (e.g. deep link).
+            // Must replace the tab object (immutable): TabContentRenderer is memoized on tab.path,
+            // and mutating in place makes prev/next props compare equal so Router never re-renders.
             const currentTabId = (0, exports.activeTabId)();
             const currentTabs = (0, exports.activeTabs)();
-            const currentTab = currentTabs.find(t => t.tabId === currentTabId);
-            if (currentTab && currentTab.path !== '') {
-                currentTab.path = path;
-                (0, exports.activeTabs)([...currentTabs]);
+            const idx = currentTabs.findIndex((t) => t.tabId === currentTabId);
+            if (idx >= 0 && currentTabs[idx].path !== "") {
+                const prev = currentTabs[idx];
+                const newTabs = [...currentTabs];
+                newTabs[idx] = { ...prev, path };
+                (0, exports.activeTabs)(newTabs);
+                if (prev.packageId !== "launcher") {
+                    (0, globals_1._mainContentPath)(path);
+                }
             }
             else {
                 (0, exports.openNewTab)({
                     path: path,
                     title: "New Tab",
-                    packageId: 'system-apps',
-                    iconClassName: 'bi-question-circle'
+                    packageId: "system-apps",
+                    iconClassName: "bi-question-circle",
                 });
             }
         }
     }
 }
 const handleMainPathChanged = (oldPath, newPath, setNewMainPath) => {
-    const oldPathPart = oldPath.toLowerCase().trim().split('?')[0];
-    const newPathPart = newPath.toLowerCase().trim().split('?')[0];
-    const currentTab = (0, exports.activeTabs)().find(t => t.tabId === (0, exports.activeTabId)());
+    const oldPathPart = oldPath.toLowerCase().trim().split("?")[0];
+    const newPathPart = newPath.toLowerCase().trim().split("?")[0];
+    const currentTab = (0, exports.activeTabs)().find((t) => t.tabId === (0, exports.activeTabId)());
     if (oldPathPart === newPathPart || (currentTab && currentTab.path === newPath)) {
         // nothing to do
         setNewMainPath(newPath);
         return;
     }
     const appInfo = determineAppFromPath(newPath);
-    if (appInfo && oldPath !== '') {
+    if (appInfo && oldPath !== "") {
         (0, exports.openNewTab)({
             path: newPath,
             title: appInfo.navItem.displayName || appInfo.navItem.name,
             packageId: appInfo.package.packageId,
-            iconClassName: appInfo.navItem.iconClassName
+            iconClassName: appInfo.navItem.iconClassName,
         });
     }
     else {
@@ -123,55 +130,60 @@ exports.handleMainPathChanged = handleMainPathChanged;
 function determineAppFromPath(path) {
     const launcherInfo = {
         navItem: {
-            name: 'Apps',
-            navigationPath: '',
-            iconClassName: exports.launcherApp.iconClassName || 'bi-grid-3x3-gap',
+            name: "Apps",
+            navigationPath: "",
+            iconClassName: exports.launcherApp.iconClassName || "bi-grid-3x3-gap",
         },
-        package: system_apps_1.systemPackage
+        package: system_apps_1.systemPackage,
     };
-    if (!path || path === '' || path === '/') {
+    if (!path || path === "" || path === "/") {
         return launcherInfo;
     }
     // Remove leading/trailing slashes and query params
-    path = path.toLowerCase().trim().split('?')[0];
-    if (path.startsWith('/')) {
+    path = path.toLowerCase().trim().split("?")[0];
+    if (path.startsWith("/")) {
         path = path.substring(1);
     }
-    const rootPath = path.split('/')[0];
+    const rootPath = path.split("/")[0];
     const _allPackages = [system_apps_1.systemPackage, ...(0, routes_loader_1.allPackages)()]; // WARNING allPackages might not be loaded yet
     const allAppInfos = _allPackages
-        .filter(pkg => (pkg.appNavs?.length ?? 0) > 0)
-        .flatMap(pkg => pkg.appNavs.map(navItem => ({ navItem, package: pkg })));
+        .filter((pkg) => (pkg.appNavs?.length ?? 0) > 0)
+        .flatMap((pkg) => {
+        const navs = pkg.appNavs;
+        if (!navs)
+            return [];
+        return navs.map((navItem) => ({ navItem, package: pkg }));
+    });
     // Find the most relevant app based on path
     for (const appInfo of allAppInfos) {
         const navPath = appInfo.navItem.navigationPath || appInfo.navItem.name.toLowerCase();
         // Check for exact match or path starting with nav path
-        if (rootPath === navPath || rootPath.startsWith(navPath + '/')) {
+        if (rootPath === navPath || rootPath.startsWith(`${navPath}/`)) {
             // Return the first matching app
             return {
                 navItem: appInfo.navItem,
-                package: appInfo.package
+                package: appInfo.package,
             };
         }
     }
     // look for package-specific routes
     // uri in format of "package-nav/{packageId}/{path}"
-    const packageNavPrefix = 'package-nav/';
+    const packageNavPrefix = "package-nav/";
     if (path.startsWith(packageNavPrefix)) {
-        const parts = path.substring(packageNavPrefix.length).split('/');
+        const parts = path.substring(packageNavPrefix.length).split("/");
         if (parts.length > 0) {
             const packageId = parts[0];
-            const pkg = _allPackages.find(p => p.packageId === packageId);
+            const pkg = _allPackages.find((p) => p.packageId === packageId);
             if (pkg) {
-                const subPath = parts.slice(1).join('/');
-                const navItem = pkg.appNavs?.find(n => {
+                const subPath = parts.slice(1).join("/");
+                const navItem = pkg.appNavs?.find((n) => {
                     const navPath = n.navigationPath || n.name.toLowerCase();
-                    return subPath === navPath || subPath.startsWith(navPath + '/');
+                    return subPath === navPath || subPath.startsWith(`${navPath}/`);
                 });
                 if (navItem) {
                     return {
                         navItem,
-                        package: pkg
+                        package: pkg,
                     };
                 }
             }
@@ -186,7 +198,7 @@ const updateActiveTabTitle = (newTitle) => {
     //      using setTimeout to get around a race condition for setting title on new tabs
     setTimeout(() => {
         const currentTabs = (0, exports.activeTabs)();
-        const activeTab = currentTabs.find(t => t.tabId === (0, exports.activeTabId)());
+        const activeTab = currentTabs.find((t) => t.tabId === (0, exports.activeTabId)());
         if (activeTab) {
             activeTab.title = newTitle;
             (0, exports.activeTabs)([...currentTabs]);
@@ -201,7 +213,7 @@ const openNewTab = (tab, forceNew = false) => {
         tabId: (0, peers_sdk_1.newid)(),
     };
     const currentTabs = (0, exports.activeTabs)();
-    const existingTabIndex = currentTabs.findIndex(t => t.packageId === tab.packageId && t.path === tab.path);
+    const existingTabIndex = currentTabs.findIndex((t) => t.packageId === tab.packageId && t.path === tab.path);
     if (existingTabIndex >= 0 && !forceNew) {
         // Switch to existing tab
         (0, exports.activeTabId)(currentTabs[existingTabIndex].tabId);
@@ -212,9 +224,9 @@ const openNewTab = (tab, forceNew = false) => {
         (0, exports.activeTabId)(newTab.tabId);
     }
     // Update recently used (track by path instead of packageId)
-    if (tab.path && tab.packageId !== 'launcher') {
+    if (tab.path && tab.packageId !== "launcher") {
         const recent = (0, exports.recentlyUsedApps)();
-        const filtered = recent.filter(path => path !== tab.path);
+        const filtered = recent.filter((path) => path !== tab.path);
         (0, exports.recentlyUsedApps)([tab.path, ...filtered].slice(0, 8));
     }
 };
@@ -223,15 +235,15 @@ exports.openNewTab = openNewTab;
 const closeCurrentTab = () => {
     const currentTabs = (0, exports.activeTabs)();
     const _activeTabId = (0, exports.activeTabId)();
-    const tabToClose = currentTabs.find(t => t.tabId === _activeTabId);
+    const tabToClose = currentTabs.find((t) => t.tabId === _activeTabId);
     if (!tabToClose || tabToClose.tabId === "launcher")
         return;
-    const closedIndex = currentTabs.findIndex(t => t.tabId === _activeTabId);
-    const newTabs = currentTabs.filter(t => t.tabId !== _activeTabId);
+    const closedIndex = currentTabs.findIndex((t) => t.tabId === _activeTabId);
+    const newTabs = currentTabs.filter((t) => t.tabId !== _activeTabId);
     (0, exports.activeTabs)(newTabs);
     exports.initializedTabs.delete(_activeTabId);
     if (newTabs.length === 0) {
-        (0, exports.activeTabId)('launcher');
+        (0, exports.activeTabId)("launcher");
     }
     else if (closedIndex < newTabs.length) {
         (0, exports.activeTabId)(newTabs[closedIndex].tabId);
@@ -245,7 +257,7 @@ exports.closeCurrentTab = closeCurrentTab;
 const switchToNextTab = () => {
     const currentTabs = (0, exports.activeTabs)();
     const activeTab = (0, exports.activeTabId)();
-    const currentIndex = currentTabs.findIndex(tab => tab.tabId === activeTab);
+    const currentIndex = currentTabs.findIndex((tab) => tab.tabId === activeTab);
     if (currentIndex === -1)
         return;
     const nextIndex = currentIndex === currentTabs.length - 1 ? 0 : currentIndex + 1;
@@ -256,7 +268,7 @@ exports.switchToNextTab = switchToNextTab;
 const switchToPreviousTab = () => {
     const currentTabs = (0, exports.activeTabs)();
     const activeTab = (0, exports.activeTabId)();
-    const currentIndex = currentTabs.findIndex(tab => tab.tabId === activeTab);
+    const currentIndex = currentTabs.findIndex((tab) => tab.tabId === activeTab);
     if (currentIndex === -1)
         return;
     const prevIndex = currentIndex === 0 ? currentTabs.length - 1 : currentIndex - 1;
@@ -264,18 +276,18 @@ const switchToPreviousTab = () => {
 };
 exports.switchToPreviousTab = switchToPreviousTab;
 // Keyboard shortcuts are now handled by the command palette system
-exports.activeTabId.subscribe(newActiveTab => {
+exports.activeTabId.subscribe((newActiveTab) => {
     const currentTabs = (0, exports.activeTabs)();
-    const activeTab = currentTabs.find(t => t.tabId === newActiveTab);
+    const activeTab = currentTabs.find((t) => t.tabId === newActiveTab);
     if (!activeTab) {
-        console.warn('Active tab not found:', newActiveTab);
+        console.warn("Active tab not found:", newActiveTab);
         return;
     }
     // Update mainContentPath for the new active tab
-    if (activeTab.packageId !== 'launcher') {
+    if (activeTab.packageId !== "launcher") {
         (0, globals_1._mainContentPath)(activeTab.path);
     }
     else {
-        (0, globals_1._mainContentPath)(''); // Launcher or fallback
+        (0, globals_1._mainContentPath)(""); // Launcher or fallback
     }
 });

package/dist/ui-defaults/index.d.ts

@@ -1,2 +1,2 @@
-import './list-screen';
-import './markdown-field';
+import "./list-screen";
+import "./markdown-field";

package/dist/ui-defaults/list-screen.d.ts

@@ -1,6 +1,5 @@
-import React from "react";
-import { z } from "zod";
+import { z } from "@peers-app/peers-sdk";
 declare const propsSchema: z.ZodObject<{}, "strip", z.ZodTypeAny, {}, {}>;
 type IProps = z.infer<typeof propsSchema>;
-export declare const DefaultListScreen: (props: IProps) => React.JSX.Element;
+export declare const DefaultListScreen: (_props: IProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ui-defaults/list-screen.js

@@ -1,46 +1,41 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DefaultListScreen = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const peers_sdk_1 = require("@peers-app/peers-sdk");
-const react_1 = __importDefault(require("react"));
-const zod_1 = require("zod");
 const list_screen_1 = require("../components/list-screen");
 const globals_1 = require("../globals");
 const ui_loader_1 = require("../ui-router/ui-loader");
-const propsSchema = zod_1.z.object({
+const propsSchema = peers_sdk_1.z.object({
 // items: zodAnyObject.array().describe('Items to display in the list'),
 });
-const DefaultListScreen = (props) => {
-    const path = (0, globals_1.mainContentPath)().toLowerCase().trim().split('?')[0].split('#').pop()?.split('/')[0] || '';
+const DefaultListScreen = (_props) => {
+    const path = (0, globals_1.mainContentPath)().toLowerCase().trim().split("?")[0].split("#").pop()?.split("/")[0] || "";
     const fuzzyTableName = ({
-        variables: 'persistent_vars',
-    }[path] || path).replace(/[_-]/g, '').trim();
+        variables: "persistent_vars",
+    }[path] || path)
+        .replace(/[_-]/g, "")
+        .trim();
     const allTables = (0, peers_sdk_1.getAllTables)();
-    const tableName = Object.keys(allTables).find(t => t.toLowerCase().replace(/[_-]/g, '').trim() === fuzzyTableName);
-    const table = allTables[tableName || ''];
+    const tableName = Object.keys(allTables).find((t) => t.toLowerCase().replace(/[_-]/g, "").trim() === fuzzyTableName);
+    const table = allTables[tableName || ""];
     if (!table) {
-        return (react_1.default.createElement("div", { className: "m-4" },
-            "Table not found for path: \"",
-            path,
-            "\""));
+        return (0, jsx_runtime_1.jsxs)("div", { className: "m-4", children: ["Table not found for path: \"", path, "\""] });
     }
-    const idField = table.metaData.fields.find(f => f.name === table.metaData.primaryKeyName);
+    const idField = table.metaData.fields.find((f) => f.name === table.metaData.primaryKeyName);
     if (!idField) {
-        throw new Error('No primary key field found for table');
+        throw new Error("No primary key field found for table");
     }
-    const nameField = table.metaData.fields.find(f => f.name === 'name') ||
-        table.metaData.fields.find(f => f.name === 'title') ||
-        table.metaData.fields.find(f => f.type === peers_sdk_1.FieldType.string);
+    const nameField = table.metaData.fields.find((f) => f.name === "name") ||
+        table.metaData.fields.find((f) => f.name === "title") ||
+        table.metaData.fields.find((f) => f.type === peers_sdk_1.FieldType.string);
     if (!nameField) {
-        throw new Error('No name field found to create new record with');
+        throw new Error("No name field found to create new record with");
     }
-    return (react_1.default.createElement(list_screen_1.ListScreen, { key: path, table,
+    return ((0, jsx_runtime_1.jsx)(list_screen_1.ListScreen, { table,
         sortBy: [`-${idField.name}`],
         newRecord: async (text) => {
-            text = text.trim().replace(/\s+/g, '_');
+            text = text.trim().replace(/\s+/g, "_");
             let item = table.initRecord({
                 [idField.name]: (0, peers_sdk_1.newid)(),
                 [nameField?.name]: text,
@@ -50,22 +45,23 @@ const DefaultListScreen = (props) => {
             return item;
         },
         renderItem: (item) => {
-            return (react_1.default.createElement("div", { key: item[idField.name], className: 'container-fluid pb-4' },
-                react_1.default.createElement("i", { className: (0, peers_sdk_1.getIconClassName)(table) }),
-                "\u00A0",
-                react_1.default.createElement("a", { href: `#${path}/${item[idField.name]}` }, item.name || '<empty-name>'),
-                react_1.default.createElement("div", { style: { paddingLeft: '20px' } })));
-        } }));
+            const row = item;
+            const rowId = row[idField.name];
+            const displayName = row.name;
+            return ((0, jsx_runtime_1.jsxs)("div", { className: "container-fluid pb-4", children: [(0, jsx_runtime_1.jsx)("i", { className: (0, peers_sdk_1.getIconClassName)(table) }), "\u00A0", (0, jsx_runtime_1.jsx)("a", { href: `#${path}/${String(rowId)}`, children: typeof displayName === "string" ? displayName : "<empty-name>" }), (0, jsx_runtime_1.jsx)("div", { style: { paddingLeft: "20px" } })] }, String(rowId)));
+        } }, path));
 };
 exports.DefaultListScreen = DefaultListScreen;
 (0, ui_loader_1.registerInternalPeersUI)({
     peersUIId: "00m5fql0x5v48vyrk5bllzdrr",
     component: exports.DefaultListScreen,
-    routes: [{
-            isMatch: (props, context) => context.path.split('/').length === 1,
-            uiEditMode: 'view',
-            uiCategory: 'screen',
-            uiSubcategory: 'list',
-            priority: -Number.MAX_SAFE_INTEGER
-        }]
+    routes: [
+        {
+            isMatch: (_props, context) => context.path.split("/").length === 1,
+            uiEditMode: "view",
+            uiCategory: "screen",
+            uiSubcategory: "list",
+            priority: -Number.MAX_SAFE_INTEGER,
+        },
+    ],
 });

package/dist/ui-defaults/markdown-field.js

@@ -1,41 +1,9 @@
 "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 });
+const jsx_runtime_1 = require("react/jsx-runtime");
 const peers_sdk_1 = require("@peers-app/peers-sdk");
-const react_1 = __importStar(require("react"));
-const zod_1 = require("zod");
+// biome-ignore lint/correctness/noUnusedImports: classic JSX (`jsx: react`) needs React in scope for emit
+const react_1 = require("react");
 const editor_inline_1 = require("../components/markdown-editor/editor-inline");
 const markdown_with_mentions_1 = require("../components/markdown-with-mentions");
 const ui_loader_1 = require("../ui-router/ui-loader");
@@ -43,11 +11,11 @@ const ui_loader_1 = require("../ui-router/ui-loader");
  * Markdown field component for viewing markdown content
  */
 const MarkdownFieldView = (props) => {
-    const value = typeof props.value === 'function' ? props.value() : props.value;
+    const value = typeof props.value === "function" ? props.value() : props.value;
     if (!value) {
         return null;
     }
-    return react_1.default.createElement(markdown_with_mentions_1.MarkdownWithMentions, { content: value });
+    return (0, jsx_runtime_1.jsx)(markdown_with_mentions_1.MarkdownWithMentions, { content: value });
 };
 /**
  * Markdown field component for editing markdown content
@@ -57,8 +25,8 @@ const MarkdownFieldEdit = (props) => {
     onChangeRef.current = props.onChange;
     // Create an observable for the editor that calls onChange when it changes
     const [valueObs] = (0, react_1.useState)(() => {
-        const initialValue = typeof props.value === 'function' ? props.value() : props.value;
-        const obs = (0, peers_sdk_1.observable)(initialValue || '');
+        const initialValue = typeof props.value === "function" ? props.value() : props.value;
+        const obs = (0, peers_sdk_1.observable)(initialValue || "");
         // Subscribe to changes and call onChange
         obs.subscribe((newValue) => {
             onChangeRef.current?.(newValue);
@@ -67,17 +35,17 @@ const MarkdownFieldEdit = (props) => {
     });
     // Sync external value changes to the observable
     (0, react_1.useEffect)(() => {
-        const currentValue = typeof props.value === 'function' ? props.value() : props.value;
+        const currentValue = typeof props.value === "function" ? props.value() : props.value;
         if (currentValue !== valueObs()) {
-            valueObs(currentValue || '');
+            valueObs(currentValue || "");
         }
-    }, [props.value]);
-    return (react_1.default.createElement(editor_inline_1.MarkdownEditorInline, { value: valueObs }));
+    }, [props.value, valueObs]);
+    return (0, jsx_runtime_1.jsx)(editor_inline_1.MarkdownEditorInline, { value: valueObs });
 };
 // Schema for markdown field props
-const markdownFieldPropsSchema = zod_1.z.object({
-    value: zod_1.z.any(), // Can be string or Observable<string>
-    onChange: zod_1.z.function().optional(),
+const markdownFieldPropsSchema = peers_sdk_1.z.object({
+    value: peers_sdk_1.z.any(), // Can be string or Observable<string>
+    onChange: peers_sdk_1.z.function().optional(),
 });
 // Register the view mode component
 (0, ui_loader_1.registerInternalPeersUI)({
@@ -85,11 +53,11 @@ const markdownFieldPropsSchema = zod_1.z.object({
     propsSchema: markdownFieldPropsSchema,
     routes: [
         {
-            uiCategory: 'field',
-            uiSubcategory: 'markdown',
-            uiEditMode: 'view',
-        }
-    ]
+            uiCategory: "field",
+            uiSubcategory: "markdown",
+            uiEditMode: "view",
+        },
+    ],
 });
 // Register the edit mode component
 (0, ui_loader_1.registerInternalPeersUI)({
@@ -97,9 +65,9 @@ const markdownFieldPropsSchema = zod_1.z.object({
     propsSchema: markdownFieldPropsSchema,
     routes: [
         {
-            uiCategory: 'field',
-            uiSubcategory: 'markdown',
-            uiEditMode: 'edit',
-        }
-    ]
+            uiCategory: "field",
+            uiSubcategory: "markdown",
+            uiEditMode: "edit",
+        },
+    ],
 });

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

@@ -3,8 +3,8 @@ export declare const allPackages: import("@peers-app/peers-sdk").Observable<{
     name: string;
     description: string;
     signature: string;
-    createdBy: string;
     packageId: string;
+    createdBy: string;
     disabled?: boolean | undefined;
     appNavs?: {
         name: string;