@pyric/cli 0.1.0-alpha.20 → 0.1.0-alpha.22

package/dist/serve/runtime/chip-dialog.js

@@ -0,0 +1,315 @@
+import { createUserSearchController, userDisplayLabel, } from './chip-user-search.js';
+export const DIALOG_STYLES = `
+  .impersonate-dialog:not([open]) {
+    display: none !important;
+  }
+  .impersonate-dialog {
+    all: initial; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
+    margin: 0; padding: 0; border: 1px solid var(--pyric-border, #33333f); border-radius: 12px;
+    background: var(--pyric-content, #16161a); color: var(--pyric-text, #fbfbfe);
+    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    font-size: 13px; line-height: 1.45; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6);
+    width: min(440px, 92vw); height: 480px; overflow: hidden; z-index: 2147483647;
+  }
+  .impersonate-dialog::backdrop { background: rgba(0, 0, 0, 0.65); backdrop-filter: blur(2px); }
+  .impersonate-dialog-panel {
+    display: flex; flex-direction: column; height: 100%; padding: 20px; box-sizing: border-box; overflow: hidden;
+  }
+  .impersonate-dialog header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
+  .impersonate-dialog h2 { margin: 0; font-size: 14px; font-weight: 600; letter-spacing: -0.01em; }
+  .dialog-close {
+    align-items: center;
+    background: transparent;
+    border: 1px solid var(--pyric-border-soft, #2a2a35);
+    border-radius: 50%;
+    color: var(--pyric-muted, #89899f);
+    cursor: pointer;
+    display: inline-flex;
+    height: 26px;
+    width: 26px;
+    justify-content: center;
+    padding: 0;
+    font-size: 11px;
+    font-family: "JetBrains Mono", ui-monospace, monospace;
+    line-height: 1;
+    transition: border-color 0.15s, color 0.15s, background 0.15s;
+  }
+  .dialog-close:hover {
+    border-color: #4a4a58;
+    color: var(--pyric-text, #fbfbfe);
+    background: rgba(255, 255, 255, 0.05);
+  }
+  .current-identity-banner {
+    display: flex; align-items: center; justify-content: space-between; padding: 10px 12px;
+    border-radius: 8px; background: rgba(255, 255, 255, 0.04); border: 1px solid var(--pyric-border-soft, #2a2a35);
+    margin-bottom: 12px; gap: 8px; height: 50px; min-height: 50px; max-height: 50px; box-sizing: border-box;
+  }
+  .current-identity-info { display: flex; align-items: center; gap: 8px; overflow: hidden; }
+  .current-identity-text { display: flex; flex-direction: column; overflow: hidden; }
+  .current-identity-name { font-weight: 500; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+  .current-identity-uid { font-size: 10px; color: var(--pyric-muted, #89899f); font-family: "JetBrains Mono", ui-monospace, monospace; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+  .section-heading { font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--pyric-muted, #89899f); margin-bottom: 8px; font-family: "JetBrains Mono", ui-monospace, monospace; font-weight: 600; }
+  .user-search-container { display: flex; flex-direction: column; gap: 8px; flex: 1; min-height: 0; margin-bottom: 12px; }
+  .user-search-box {
+    display: flex; align-items: center; gap: 8px; background: rgba(0, 0, 0, 0.25);
+    border: 1px solid var(--pyric-border-soft, #2a2a35); border-radius: 6px; padding: 6px 10px; box-sizing: border-box;
+  }
+  .user-search-box:focus-within { border-color: #4a4a58; }
+  .user-search-icon { font-size: 13px; color: var(--pyric-muted, #89899f); }
+  .user-search-input { all: initial; flex: 1; color: var(--pyric-text, #fbfbfe); font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 11px; }
+  .user-search-clear-btn { all: initial; color: var(--pyric-muted, #89899f); font-size: 11px; cursor: pointer; padding: 2px 4px; font-family: "JetBrains Mono", ui-monospace, monospace; }
+  .user-search-clear-btn:hover { color: var(--pyric-text, #fbfbfe); }
+  .filter-chips {
+    display: flex; flex-wrap: nowrap; gap: 5px; height: 24px; min-height: 24px; max-height: 24px;
+    align-items: center; overflow-x: auto; overflow-y: hidden;
+  }
+  .filter-chips::-webkit-scrollbar { height: 3px; }
+  .filter-chips::-webkit-scrollbar-thumb { background: #33333f; border-radius: 3px; }
+  .filter-chip {
+    all: initial; font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 10px; font-weight: 500; padding: 3px 8px; border-radius: 12px;
+    background: rgba(255, 255, 255, 0.04); border: 1px solid var(--pyric-border-soft, #2a2a35);
+    color: var(--pyric-muted, #89899f); cursor: pointer; transition: all 0.15s ease;
+  }
+  .filter-chip:hover { border-color: var(--pyric-muted, #89899f); color: var(--pyric-text, #fbfbfe); }
+  .filter-chip.selected { background: rgba(255, 255, 255, 0.1); border-color: #555566; color: var(--pyric-text, #fbfbfe); }
+  .user-search-listbox {
+    list-style: none; flex: 1; min-height: 180px; max-height: 180px; overflow-y: auto;
+    border: 1px solid var(--pyric-border-soft, #2a2a35); border-radius: 6px; background: #121215;
+    padding: 4px; display: flex; flex-direction: column; gap: 3px; box-sizing: border-box; margin: 0;
+  }
+  .user-search-listbox::-webkit-scrollbar { width: 6px; }
+  .user-search-listbox::-webkit-scrollbar-thumb { background: #33333f; border-radius: 3px; }
+  .user-search-item {
+    display: flex; align-items: center; justify-content: space-between; padding: 6px 8px;
+    border-radius: 4px; color: var(--pyric-text, #fbfbfe); font-family: inherit; font-size: 12px;
+    cursor: pointer; box-sizing: border-box; transition: background 0.1s ease;
+  }
+  .user-search-item:hover, .user-search-item.highlighted { background: rgba(255, 255, 255, 0.08); }
+  .user-item-main { display: flex; flex-direction: column; overflow: hidden; }
+  .user-item-name { font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; }
+  .user-item-email, .user-item-uid { font-size: 10px; color: var(--pyric-muted, #89899f); font-family: "JetBrains Mono", ui-monospace, monospace; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+  .user-item-badges { display: flex; gap: 4px; flex-shrink: 0; }
+  .badge { font-size: 9px; font-weight: 500; padding: 1px 5px; border-radius: 4px; text-transform: uppercase; font-family: "JetBrains Mono", ui-monospace, monospace; }
+  .badge-provider { background: rgba(255, 255, 255, 0.06); border: 1px solid var(--pyric-border-soft, #2a2a35); color: #b0b0cc; }
+  .badge-tenant { background: rgba(100, 160, 255, 0.1); border: 1px solid rgba(100, 160, 255, 0.3); color: #82b1ff; }
+  .badge-claims { background: rgba(143, 127, 232, 0.12); border: 1px solid rgba(143, 127, 232, 0.35); color: #8f7fe8; max-width: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .user-search-empty {
+    display: flex; align-items: center; justify-content: center; height: 100%; width: 100%;
+    text-align: center; color: var(--pyric-muted, #89899f); font-family: "JetBrains Mono", ui-monospace, monospace;
+    font-size: 11px; letter-spacing: 0.02em; padding: 14px; box-sizing: border-box;
+  }
+  .dialog-footer-actions {
+    display: flex; align-items: center; justify-content: space-between;
+    border-top: 1px solid var(--pyric-border-soft, #2a2a35); padding-top: 14px; margin-top: auto;
+    height: 50px; min-height: 50px; max-height: 50px; box-sizing: border-box;
+  }
+  .dialog-footer-actions .button,
+  .current-identity-banner .button {
+    align-items: center; appearance: none; background: #24242c; border: 1px solid #2a2a35;
+    border-radius: 6px; color: #fbfbfe; cursor: pointer; display: inline-flex;
+    font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 11px; justify-content: center;
+    letter-spacing: .04em; min-height: 32px; padding: 6px 14px; text-decoration: none;
+    text-transform: uppercase; transition: border-color 0.12s, color 0.12s, background 0.12s;
+    min-width: 120px; box-sizing: border-box; text-align: center;
+  }
+  .dialog-footer-actions .button:hover:not(:disabled),
+  .current-identity-banner .button:hover:not(:disabled) {
+    border-color: #3a3a48; background: #2a2a34; color: #ffffff;
+  }
+  .dialog-footer-actions .button.active,
+  .dialog-footer-actions .button[aria-pressed="true"] {
+    background: #1e1b2e; border-color: rgba(143, 127, 232, 0.5); color: #8f7fe8; font-weight: 600;
+  }
+  .dialog-footer-actions .button.active:hover,
+  .dialog-footer-actions .button[aria-pressed="true"]:hover {
+    background: rgba(143, 127, 232, 0.18); border-color: #8f7fe8; color: #9f91ff;
+  }
+`;
+export function createChipDialogController(options) {
+    const { shadowRoot, identity, onToggleAdminBypass, getLens, } = options;
+    const dialog = shadowRoot.ownerDocument.createElement('dialog');
+    dialog.className = 'impersonate-dialog';
+    dialog.setAttribute('data-impersonate-dialog', '');
+    dialog.setAttribute('aria-modal', 'true');
+    dialog.setAttribute('role', 'dialog');
+    dialog.setAttribute('aria-labelledby', 'dialog-identity-title');
+    dialog.innerHTML = `
+    <div class="impersonate-dialog-panel">
+      <header>
+        <h2 id="dialog-identity-title">Identity & Permissions</h2>
+        <button type="button" class="dialog-close" data-close-impersonate aria-label="Close dialog">✕</button>
+      </header>
+
+      <div class="current-identity-banner" data-current-identity-banner>
+        <div class="current-identity-info">
+          <div class="current-identity-text">
+            <span class="current-identity-name" data-identity-name>Unauthenticated Guest</span>
+            <span class="current-identity-uid" data-identity-uid>No active session</span>
+          </div>
+        </div>
+        <button type="button" class="button" data-action-signout style="display: none;">Sign Out</button>
+      </div>
+
+      <div class="section-heading">Switch Sandbox Identity</div>
+      <div class="user-search-container" data-user-search-container></div>
+
+      <footer class="dialog-footer-actions">
+        <button type="button" class="button" data-action-create-user>New User</button>
+        <button type="button" class="button" data-action-toggle-admin>Bypass Rules</button>
+      </footer>
+    </div>
+  `;
+    shadowRoot.appendChild(dialog);
+    const searchContainer = dialog.querySelector('[data-user-search-container]');
+    const closeButton = dialog.querySelector('[data-close-impersonate]');
+    const identityName = dialog.querySelector('[data-identity-name]');
+    const identityUid = dialog.querySelector('[data-identity-uid]');
+    const signOutBtn = dialog.querySelector('[data-action-signout]');
+    const createUserBtn = dialog.querySelector('[data-action-create-user]');
+    const toggleAdminBtn = dialog.querySelector('[data-action-toggle-admin]');
+    let recordedTriggerSelector = null;
+    let recordedTriggerNode = null;
+    const searchController = createUserSearchController({
+        container: searchContainer,
+        onSelect: async (user) => {
+            await identity.switchUser(user.uid);
+            close();
+        },
+    });
+    const updateState = () => {
+        const user = identity.getCurrentUser();
+        const lens = getLens();
+        const isAdmin = lens?.mode === 'admin';
+        if (user) {
+            identityName.textContent = userDisplayLabel(user);
+        }
+        else {
+            identityName.textContent = 'Unauthenticated Guest';
+        }
+        if (user) {
+            identityUid.textContent = isAdmin ? `${user.uid} · rules bypassed` : user.uid;
+            signOutBtn.style.display = 'inline-flex';
+        }
+        else {
+            identityUid.textContent = isAdmin ? 'No active session · rules bypassed' : 'No active session';
+            signOutBtn.style.display = 'none';
+        }
+        if (isAdmin) {
+            toggleAdminBtn.classList.add('active');
+            toggleAdminBtn.setAttribute('aria-pressed', 'true');
+            toggleAdminBtn.textContent = 'Bypass Active';
+        }
+        else {
+            toggleAdminBtn.classList.remove('active');
+            toggleAdminBtn.setAttribute('aria-pressed', 'false');
+            toggleAdminBtn.textContent = 'Bypass Rules';
+        }
+    };
+    const close = () => {
+        if (dialog.open) {
+            if (typeof dialog.close === 'function') {
+                dialog.close();
+            }
+            else {
+                dialog.removeAttribute('open');
+            }
+        }
+        searchController.reset();
+        // Focus restoration: re-query the trigger element freshly in shadowRoot
+        // to avoid focusing a detached node if the chip re-rendered.
+        let liveTrigger = recordedTriggerNode;
+        if (recordedTriggerSelector) {
+            liveTrigger = shadowRoot.querySelector(recordedTriggerSelector);
+        }
+        if (liveTrigger && typeof liveTrigger.focus === 'function' && liveTrigger.isConnected) {
+            liveTrigger.focus();
+        }
+    };
+    const open = async (triggerElement) => {
+        if (triggerElement) {
+            recordedTriggerNode = triggerElement;
+            if (triggerElement.dataset.openImpersonate !== undefined) {
+                recordedTriggerSelector = '[data-open-impersonate]';
+            }
+            else if (triggerElement.id) {
+                recordedTriggerSelector = `#${triggerElement.id}`;
+            }
+            else {
+                recordedTriggerSelector = null;
+            }
+        }
+        updateState();
+        searchController.reset();
+        if (typeof dialog.showModal === 'function') {
+            dialog.showModal();
+        }
+        else {
+            dialog.setAttribute('open', '');
+        }
+        try {
+            const users = await identity.listUsers();
+            searchController.setUsers(users);
+        }
+        catch {
+            searchController.setUsers([]);
+        }
+        searchController.focus();
+    };
+    closeButton.addEventListener('click', () => close());
+    dialog.addEventListener('click', (e) => {
+        if (e.target === dialog) {
+            close();
+        }
+    });
+    dialog.addEventListener('cancel', (e) => {
+        e.preventDefault();
+        close();
+    });
+    dialog.addEventListener('keydown', (e) => {
+        if (e.key === 'Escape') {
+            e.stopPropagation();
+            close();
+            return;
+        }
+        if (e.key === 'Tab') {
+            const focusables = Array.from(dialog.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter((el) => !el.hasAttribute('disabled') && el.offsetParent !== null);
+            if (focusables.length === 0)
+                return;
+            const first = focusables[0];
+            const last = focusables[focusables.length - 1];
+            if (e.shiftKey && shadowRoot.activeElement === first) {
+                e.preventDefault();
+                last.focus();
+            }
+            else if (!e.shiftKey && shadowRoot.activeElement === last) {
+                e.preventDefault();
+                first.focus();
+            }
+        }
+    });
+    signOutBtn.addEventListener('click', async () => {
+        await identity.signOut();
+        updateState();
+        close();
+    });
+    toggleAdminBtn.addEventListener('click', () => {
+        const lens = getLens();
+        const isAdmin = lens?.mode === 'admin';
+        onToggleAdminBypass(!isAdmin);
+        updateState();
+    });
+    createUserBtn.addEventListener('click', () => {
+        close();
+        identity.openCreateUser();
+    });
+    return {
+        element: dialog,
+        open,
+        close,
+        updateState,
+        dispose() {
+            dialog.remove();
+        },
+    };
+}
+//# sourceMappingURL=chip-dialog.js.map

package/dist/serve/runtime/chip-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-dialog.js","sourceRoot":"","sources":["../../../src/serve/runtime/chip-dialog.ts"],"names":[],"mappings":"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"}

package/dist/serve/runtime/chip-install.d.ts

@@ -1,8 +1,10 @@
 import { type PyricRuntimeChip, type PyricRuntimeChipOptions } from './chip.js';
 import type { PyricRuntimeStatus } from './status.js';
+import type { RuntimeIdentityBindings } from './identity.js';
 export interface InstallPyricRuntimeChipOptions {
     runtime: PyricRuntimeStatus;
     document: Document;
+    identity?: Partial<RuntimeIdentityBindings>;
     mount?: (options: PyricRuntimeChipOptions) => PyricRuntimeChip;
 }
 /** Mount once when the Vite plugin opted this page into runtime UI. */

package/dist/serve/runtime/chip-install.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip-install.d.ts","sourceRoot":"","sources":["../../../src/serve/runtime/chip-install.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAC7B,MAAM,WAAW,CAAC;AAEnB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,WAAW,8BAA8B;IAC7C,OAAO,EAAE,kBAAkB,CAAC;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,gBAAgB,CAAC;CAChE;AAED,uEAAuE;AACvE,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,8BAA8B,GACtC,gBAAgB,GAAG,IAAI,CASzB"}
+{"version":3,"file":"chip-install.d.ts","sourceRoot":"","sources":["../../../src/serve/runtime/chip-install.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAC7B,MAAM,WAAW,CAAC;AAEnB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,WAAW,8BAA8B;IAC7C,OAAO,EAAE,kBAAkB,CAAC;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,gBAAgB,CAAC;CAChE;AAED,uEAAuE;AACvE,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,8BAA8B,GACtC,gBAAgB,GAAG,IAAI,CAazB"}

package/dist/serve/runtime/chip-install.js

@@ -3,13 +3,18 @@ import { readPyricRuntimeChipConfig } from './chip-config.js';
 /** Mount once when the Vite plugin opted this page into runtime UI. */
 export function installPyricRuntimeChip(options) {
     const config = readPyricRuntimeChipConfig(options.document);
-    if (!config || options.document.querySelector('[data-pyric-runtime-chip-host]'))
+    const existing = options.document.querySelector('[data-pyric-runtime-chip-host], pyric-runtime-chip');
+    if (!config || existing)
         return null;
-    return (options.mount ?? mountPyricRuntimeChip)({
+    const chipOptions = {
         runtime: options.runtime,
         document: options.document,
         initiallyOpen: config.initiallyOpen,
-        ...(config.studioEnabled ? {} : { studioUrl: null }),
-    });
+        identity: options.identity,
+    };
+    if (!config.studioEnabled)
+        chipOptions.studioUrl = null;
+    const mount = options.mount ?? mountPyricRuntimeChip;
+    return mount(chipOptions);
 }
 //# sourceMappingURL=chip-install.js.map

package/dist/serve/runtime/chip-install.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip-install.js","sourceRoot":"","sources":["../../../src/serve/runtime/chip-install.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,GAGtB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAS9D,uEAAuE;AACvE,MAAM,UAAU,uBAAuB,CACrC,OAAuC;IAEvC,MAAM,MAAM,GAAG,0BAA0B,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC5D,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,gCAAgC,CAAC;QAAE,OAAO,IAAI,CAAC;IAC7F,OAAO,CAAC,OAAO,CAAC,KAAK,IAAI,qBAAqB,CAAC,CAAC;QAC9C,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,aAAa,EAAE,MAAM,CAAC,aAAa;QACnC,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;KACrD,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"chip-install.js","sourceRoot":"","sources":["../../../src/serve/runtime/chip-install.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,GAGtB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAW9D,uEAAuE;AACvE,MAAM,UAAU,uBAAuB,CACrC,OAAuC;IAEvC,MAAM,MAAM,GAAG,0BAA0B,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,oDAAoD,CAAC,CAAC;IACtG,IAAI,CAAC,MAAM,IAAI,QAAQ;QAAE,OAAO,IAAI,CAAC;IACrC,MAAM,WAAW,GAA4B;QAC3C,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,aAAa,EAAE,MAAM,CAAC,aAAa;QACnC,QAAQ,EAAE,OAAO,CAAC,QAAQ;KAC3B,CAAC;IACF,IAAI,CAAC,MAAM,CAAC,aAAa;QAAE,WAAW,CAAC,SAAS,GAAG,IAAI,CAAC;IACxD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,qBAAqB,CAAC;IACrD,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC;AAC5B,CAAC"}

package/dist/serve/runtime/chip-user-search.d.ts

@@ -0,0 +1,16 @@
+import type { AuthUserRecord } from 'pyric/auth';
+export interface UserSearchOptions {
+    container: HTMLElement;
+    onSelect: (user: AuthUserRecord) => void;
+}
+export interface UserSearchController {
+    setUsers(users: AuthUserRecord[]): void;
+    reset(): void;
+    focus(): void;
+}
+export declare function userDisplayLabel(user: AuthUserRecord): string;
+export declare function extractTenantFromUser(user: AuthUserRecord): string;
+export declare function getUserProviders(user: AuthUserRecord): string[];
+export declare function filterUsers(users: AuthUserRecord[], query: string, filter: string | null): AuthUserRecord[];
+export declare function createUserSearchController(options: UserSearchOptions): UserSearchController;
+//# sourceMappingURL=chip-user-search.d.ts.map

package/dist/serve/runtime/chip-user-search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-user-search.d.ts","sourceRoot":"","sources":["../../../src/serve/runtime/chip-user-search.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,WAAW,CAAC;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IACxC,KAAK,IAAI,IAAI,CAAC;IACd,KAAK,IAAI,IAAI,CAAC;CACf;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,CAQ7D;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,CAOlE;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,EAAE,CAQ/D;AAOD,wBAAgB,WAAW,CACzB,KAAK,EAAE,cAAc,EAAE,EACvB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GAAG,IAAI,GACpB,cAAc,EAAE,CAmElB;AAED,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,iBAAiB,GAAG,oBAAoB,CA8Q3F"}