@webx-ui/module-admin 0.25.0 → 0.26.0

package/dist/siteBar.d.ts

@@ -0,0 +1,220 @@
+import { Component, InjectionKey } from 'vue';
+import { AdminContext } from './admin';
+import { Http } from './http';
+/**
+ * What `GET /api/cms/site-bar/context` says about the page in front of the panel on the site —
+ * mirrors `WebxUi\Admin\Http\Controllers\SiteBarController::context()`.
+ */
+export interface SiteBarContext {
+    /** The path that was asked about, without its query. */
+    url: string;
+    /** The language of the address, when the registry knows it. */
+    locale: string | null;
+    /** The record behind the address, or null — a page of the site's own code, or none it may open. */
+    entity: SiteBarEntity | null;
+    /** The tabs this administrator gets here, in order. */
+    sections: string[];
+}
+export type SiteBarStatus = 'published' | 'scheduled' | 'unpublished' | 'trashed';
+export interface SiteBarEntity {
+    type: string;
+    id: number | string;
+    /** What the record is, in the panel's language: «Page», «Article». */
+    kind: string;
+    label: string;
+    status: SiteBarStatus;
+    /** Absent for a record that keeps no draft. */
+    draft: SiteBarDraft | null;
+    updatedAt: string | null;
+    /** Where the panel edits it, relative to the panel. */
+    edit: string | null;
+    /** A signed link to the draft shown as the page it will be; only while there is a draft. */
+    preview?: string | null;
+    /** What the record's editor in the panel calls it — `editing/{editing}/{id}` is its heartbeat. */
+    editing?: string | null;
+    /** The revision the record's editor holds; sent with «Publish» so an unseen edit is not published. */
+    revision?: string | null;
+    can: {
+        edit: boolean;
+        publish: boolean;
+    };
+}
+export interface SiteBarDraft {
+    differs: boolean;
+    by: string | null;
+    at: string | null;
+    /** How many fields of the record the draft changes. */
+    changes?: number;
+    /** Whether the last hand on the draft was this administrator's. */
+    mine?: boolean;
+}
+/**
+ * A tab a section adds to the panel on the site — «SEO» from `module-seo`, «Blocks» from
+ * `module-blocks`.
+ *
+ * The server decides whether the tab is there (`SiteBar::section()` answers per page and per
+ * administrator, and `context.sections` lists the ones that said yes); the module brings what
+ * it looks like. Split that way so the frame never learns what its tabs are about, and a tab
+ * the server offers without a module on this side is simply not drawn.
+ */
+export interface SiteBarTab {
+    /** The name the server registered the section under — and the tab's own, as `show()` names it. */
+    name: string;
+    /**
+     * More sections the same tab stands for: drawn once when the server offered any of them.
+     * «Blocks» is the record's blocks and the layout's regions — two rights, one picker on the page.
+     */
+    sections?: string[];
+    /** What the tab is called, in the panel's language. */
+    label: (admin: AdminContext) => string;
+    /** Drawn inside the tab, with the page's context as its `context` prop. */
+    component: Component;
+}
+/**
+ * @param locale The language the page says it is in (`<html lang>`). The address's own row wins
+ *               over it; it only matters for a page of the site's own code, which has no row.
+ */
+export declare function fetchSiteBarContext(http: Http, apiPath: string, url: string, locale?: string | null): Promise<{
+    data: SiteBarContext;
+}>;
+/**
+ * What the panel can ask of the page it is framed in:
+ *
+ * - `close` — shut the drawer;
+ * - `title` — put this in the browser's tab: the page's `<title>` after an edit, so the editor
+ *   sees it changed without reloading (the rest of `<head>` waits for the next load);
+ * - `reload` — load the page again: after «Publish» and «Discard» it is the site's again;
+ * - `tab` — the tab in front, for the page to remember and open the next frame on;
+ * - `blocks` — whose blocks may be picked on the page — the record's, a region's — and what each
+ *   is called;
+ * - `mode` — picking blocks on the page on or off (§8);
+ * - `select` / `highlight` — frame a block on the page and bring it into view, or stop;
+ * - `replace` — put this markup in place of the block's range: the block drawn from the draft;
+ * - `insert` — the same when the page has the block, otherwise put it in after the first of
+ *   `after` the page has, before the first of `before`, or — `top` — at the end of its tree;
+ * - `move` — carry the block's range to where `after`/`before` say, `html` if the page lacks it;
+ * - `remove` — take the block's range out (removed, or hidden: the site does not draw it);
+ * - `assets` — add the styles and script of block types the page did not have.
+ *
+ * A block is named by its key and its `scope` — `{type}:{id}` of a record, `region:{name}` of a
+ * region — since the header and the page are two trees that never promised each other unique keys.
+ */
+export type SiteBarMessage = {
+    type: 'close';
+} | {
+    type: 'title';
+    title: string;
+} | {
+    type: 'reload';
+} | {
+    type: 'tab';
+    name: string;
+} | {
+    type: 'blocks';
+    sources: SiteBarBlockSource[];
+} | {
+    type: 'mode';
+    on: boolean;
+} | {
+    type: 'select';
+    key: string | null;
+    scope?: string;
+} | {
+    type: 'highlight';
+    key: string | null;
+    scope?: string;
+} | {
+    type: 'replace';
+    key: string;
+    scope?: string;
+    html: string;
+} | ({
+    type: 'insert' | 'move';
+    key: string;
+    scope?: string;
+    html: string;
+} & SiteBarPlace) | {
+    type: 'remove';
+    key: string;
+    scope?: string;
+} | {
+    type: 'assets';
+    hash: string;
+    css: string | null;
+    js: string | null;
+};
+/** Where a block that is not on the page goes: by its neighbours, nearest first. */
+export interface SiteBarPlace {
+    after?: string[];
+    before?: string[];
+    /** It stands at the top level of its tree: with no neighbour on the page, at the tree's end. */
+    top?: boolean;
+}
+/** One tree of blocks the page may pick from. */
+export interface SiteBarBlockSource {
+    /** `{type}:{id}` of a record (`page:12`), `region:{name}` of a region of the layout. */
+    scope: string;
+    /** Said on the frame beside the block's type — «Header» — when the block is not the page's own. */
+    title?: string;
+    items: {
+        key: string;
+        label: string;
+    }[];
+}
+/**
+ * What the page says to the panel: a block picked on it, picking switched off there (Esc),
+ * «Add below» pressed on the picked block, and the sets of block styles and scripts the page has —
+ * sent with an edit, so that a type the page lacks brings its own and one it has brings nothing.
+ */
+export type SitePageMessage = {
+    type: 'select';
+    key: string;
+    scope?: string;
+} | {
+    type: 'mode';
+    on: boolean;
+} | {
+    type: 'add';
+    key: string;
+    scope?: string;
+} | {
+    type: 'bundles';
+    hashes: string[];
+};
+/**
+ * Listen to the page the panel is framed in. Only that page — the parent window, from this
+ * origin — and only messages of the bar: anything else on the page can post messages too.
+ * Returns the way to stop listening.
+ */
+export declare function onSitePage(listener: (message: SitePageMessage) => void): () => void;
+/**
+ * What the screen of the bar offers the tabs inside it: bring a tab forward (a block picked on
+ * the page opens «Blocks»), and read the page's context again (an edit changes the draft the
+ * head counts).
+ */
+export interface SiteBarHost {
+    show(name: string): void;
+    refresh(): Promise<void>;
+}
+export declare const siteBarKey: InjectionKey<SiteBarHost>;
+/** The bar around a tab; null outside one — a tab drawn in a test or a demo. */
+export declare function useSiteBar(): SiteBarHost | null;
+/**
+ * «Publish» in the head of the bar: the record's draft on the site. `revision` is the one the bar
+ * held; an edit made since is answered 409 with who made it, and nothing is published.
+ */
+export declare function publishSiteBarEntity(http: Http, apiPath: string, entity: {
+    type: string;
+    id: number | string;
+    revision?: string | null;
+}): Promise<unknown>;
+/** «Discard»: the record's draft goes, and the record is what the site shows. */
+export declare function discardSiteBarEntity(http: Http, apiPath: string, entity: {
+    type: string;
+    id: number | string;
+}): Promise<unknown>;
+/**
+ * Say something to the page the panel is framed in. Only to that page's own origin: the screen
+ * may be opened on its own, or framed by somebody else, and neither should hear it.
+ */
+export declare function tellSitePage(message: SiteBarMessage | 'close'): void;

package/dist/style.css

@@ -1 +1 @@
-.wx-screen__col{display:flex;flex-direction:column;gap:var(--wx-gap, var(--wx-space-16))}.wx-screen__row{max-width:calc(var(--wx-field-max-width, 640px) + var(--wx-row-gutter, 0px))}.wx-screen__unknown{padding:var(--wx-space-8) var(--wx-space-12);border:1px dashed var(--wx-color-danger);border-radius:var(--wx-radius-control);background:var(--wx-color-danger-soft);color:var(--wx-color-danger);font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-sm)}.wx-categories-field[data-v-640cd836]{display:flex;flex-direction:column;gap:var(--wx-space-8)}.wx-categories-field[data-v-640cd836] .wx-sortable-list__content{display:flex;align-items:center;gap:var(--wx-space-8);min-width:0}.wx-categories-field__name[data-v-640cd836]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wx-relations-field[data-v-5ecf0e47]{display:flex;flex-direction:column;gap:var(--wx-space-8);min-width:0}.wx-relations-field[data-v-5ecf0e47] .wx-sortable-list__content{display:flex;align-items:center;gap:var(--wx-space-8);min-width:0}.wx-relations-field__thumb[data-v-5ecf0e47]{flex:none;width:32px;height:32px;min-width:0;object-fit:cover;border-radius:var(--wx-radius-xs);background:var(--wx-bg-fill)}.wx-relations-field__text[data-v-5ecf0e47]{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.wx-relations-field__title[data-v-5ecf0e47],.wx-relations-field__subtitle[data-v-5ecf0e47]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wx-relations-field__subtitle[data-v-5ecf0e47],.wx-relations-field__note[data-v-5ecf0e47]{font-size:var(--wx-font-size-sm);color:var(--wx-text-muted)}.wx-relations-field__note[data-v-5ecf0e47]{margin:0}.wx-relations-field.is-unordered[data-v-5ecf0e47] .wx-sortable-list__grip{display:none}.wx-relations-field[data-v-5ecf0e47] .wx-badge{flex:none}.wx-collection-field[data-v-023ad095]{display:flex;flex-direction:column;gap:var(--wx-space-12);min-width:0}.wx-collection-field__row[data-v-023ad095]{display:flex;flex-direction:column;gap:var(--wx-space-4);min-width:0}.wx-collection-field__label[data-v-023ad095]{font-size:var(--wx-font-size-sm);color:var(--wx-text-muted)}.wx-collection-field__limit[data-v-023ad095]{max-width:160px}.wx-collection-field__markup[data-v-023ad095]{display:flex;flex-direction:column;gap:var(--wx-space-4)}.wx-collection-field__reset[data-v-023ad095]{align-self:flex-start}.wx-collection-field__note[data-v-023ad095],.wx-collection-field__hint[data-v-023ad095]{margin:0;font-size:var(--wx-font-size-sm);color:var(--wx-text-muted)}.wx-link-picker[data-v-e54022e5]{display:flex;flex-direction:column;gap:var(--wx-space-8)}.wx-link-picker__entity[data-v-e54022e5]{display:flex;flex-wrap:wrap;gap:var(--wx-space-8)}.wx-link-picker__entity[data-v-e54022e5]>.wx-link-picker__section{flex:0 0 auto;min-width:160px}.wx-link-picker__entity[data-v-e54022e5]>.wx-link-picker__search{flex:1 1 220px;min-width:0}.wx-link-picker__hash[data-v-e54022e5]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--wx-space-4) var(--wx-space-6)}.wx-link-picker__hash[data-v-e54022e5]>:first-child{grid-column:1 / -1}.wx-link-picker__sign[data-v-e54022e5]{color:var(--wx-text-placeholder)}.wx-link-picker__attributes[data-v-e54022e5]{display:flex;flex-direction:column;gap:var(--wx-space-12)}.wx-link-picker__rel[data-v-e54022e5]{display:flex;flex-direction:column;gap:var(--wx-space-6)}.wx-history[data-v-68eae472]{display:flex;flex-direction:column;gap:var(--wx-space-12);min-width:0;container-type:inline-size}.wx-history__list[data-v-68eae472]{display:flex;flex-direction:column;gap:var(--wx-space-16);margin:0;padding:0;list-style:none}.wx-history-entry[data-v-68eae472]{display:flex;gap:var(--wx-space-8);min-width:0}.wx-history-entry__body[data-v-68eae472]{display:flex;flex-direction:column;gap:var(--wx-space-4);flex:1 1 auto;min-width:0}.wx-history-entry__head[data-v-68eae472],.wx-history-run__head[data-v-68eae472]{display:flex;align-items:center;gap:var(--wx-space-8);min-width:0}.wx-history-entry__head[data-v-68eae472]>:last-child,.wx-history-run__head[data-v-68eae472]>:last-child{margin-inline-start:auto;flex:none}.wx-history-entry__changes[data-v-68eae472]{display:flex;flex-direction:column;gap:var(--wx-space-2);margin:0;padding:0;list-style:none}.wx-history-change[data-v-68eae472]{font-size:var(--wx-font-size-sm);color:var(--wx-text-default);overflow-wrap:anywhere}.wx-history-change__label[data-v-68eae472]{color:var(--wx-text-muted);margin-inline-end:var(--wx-space-4)}.wx-history-change__from[data-v-68eae472]{color:var(--wx-text-muted);text-decoration:line-through}.wx-history-change__arrow[data-v-68eae472]{margin-inline:var(--wx-space-4);color:var(--wx-text-muted)}.wx-history-change__long[data-v-68eae472]{color:var(--wx-text-muted);font-style:italic}.wx-history-entry__run[data-v-68eae472]{align-self:flex-start;margin:0;padding:0;border:0;border-radius:var(--wx-radius-xs);background:none;font:inherit;font-size:var(--wx-font-size-sm);text-align:start;color:var(--wx-text-link);cursor:pointer}.wx-history-entry__run[data-v-68eae472]:hover{text-decoration:underline}.wx-history-entry__run[data-v-68eae472]:focus-visible{outline:none;box-shadow:var(--wx-ring-focus)}.wx-history__more[data-v-68eae472]{display:flex;justify-content:center}.wx-history-run[data-v-68eae472]{display:flex;flex-direction:column;gap:var(--wx-space-8);min-width:0}.wx-history-run__summary[data-v-68eae472]{display:grid;grid-template-columns:max-content 1fr;gap:var(--wx-space-4) var(--wx-space-12);margin:0;font-size:var(--wx-font-size-sm)}.wx-history-run__summary dt[data-v-68eae472]{color:var(--wx-text-muted)}.wx-history-run__summary dd[data-v-68eae472]{margin:0;overflow-wrap:anywhere}.wx-history-run__row[data-v-68eae472]{display:flex;flex-direction:column;gap:var(--wx-space-2)}.wx-row-menu[data-v-cab01f7f]{--wx-action-bg: transparent}.wx-screen-head[data-v-9ebd5372]{--wx-head-line: calc(var(--wx-font-size-2xl) * var(--wx-font-line-height-tight));display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"back name actions" ". subtitle .";align-items:start;row-gap:var(--wx-space-4);flex:none;min-width:0}.wx-screen-head[data-level="3"][data-v-9ebd5372]{--wx-head-line: calc(var(--wx-font-size-xl) * var(--wx-font-line-height-tight))}.wx-screen-head.has-trail[data-v-9ebd5372]{grid-template-areas:"trail trail trail" "back name actions" ". subtitle ."}.wx-screen-head.has-divider[data-v-9ebd5372]{padding-block-end:var(--wx-space-12);border-block-end:1px solid var(--wx-border-default)}.wx-screen-head__trail[data-v-9ebd5372]{grid-area:trail;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;overflow-anchor:none;scrollbar-width:none;-ms-overflow-style:none}.wx-screen-head__trail[data-v-9ebd5372]::-webkit-scrollbar{display:none}.wx-screen-head__trail[data-v-9ebd5372]>*{flex-wrap:nowrap;white-space:nowrap}.wx-screen-head__trail[data-v-9ebd5372] .wx-breadcrumb__list{flex-wrap:nowrap}.wx-screen-head__trail[data-v-9ebd5372] .wx-breadcrumb-item{flex:none}.wx-screen-head__trail[data-v-9ebd5372] .wx-breadcrumb-item__link{overflow:visible}.wx-screen-head[data-v-9ebd5372]>.wx-screen-head__back{grid-area:back;margin-inline-end:var(--wx-space-8);margin-block-start:calc((var(--wx-head-line) - 30px) / 2)}.wx-screen-head__name[data-v-9ebd5372]{grid-area:name;display:flex;align-items:center;gap:var(--wx-space-8);flex-wrap:wrap;min-width:0}.wx-screen-head__title[data-v-9ebd5372]{min-width:0}.wx-screen-head__subtitle[data-v-9ebd5372]{grid-area:subtitle;min-width:0}.wx-screen-head__actions[data-v-9ebd5372]{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;gap:var(--wx-space-8);flex-wrap:wrap;min-width:0;margin-inline-start:var(--wx-space-12);margin-block-start:calc((var(--wx-head-line) - var(--wx-size-control-md)) / 2)}.wx-screen-head__actions[data-v-9ebd5372] .wx-action{--wx-action-size: var(--wx-size-control-md)}.wx-admin--drawer .wx-screen-head__actions[data-v-9ebd5372]{--wx-size-control-md: 36px}.wx-screen-head.is-narrow.has-button[data-v-9ebd5372]{grid-template-areas:"back name name" ". subtitle subtitle" "actions actions actions"}.wx-screen-head.is-narrow.has-button.has-trail[data-v-9ebd5372]{grid-template-areas:"trail trail trail" "back name name" ". subtitle subtitle" "actions actions actions"}.wx-screen-head.is-narrow.has-button .wx-screen-head__actions[data-v-9ebd5372]{margin-inline-start:0;margin-block-start:var(--wx-space-8)}.wx-screen-head.is-narrow .wx-screen-head__actions[data-v-9ebd5372]>.wx-screen-head__button{flex:1 1 auto}.wx-list-screen[data-v-8c7e5ad1]{display:flex;flex-direction:column;gap:var(--wx-gap, var(--wx-space-16));min-width:0;container-type:inline-size}.wx-list-screen.is-fill[data-v-8c7e5ad1]{min-height:0}.wx-list-screen.is-fill[data-v-8c7e5ad1]>:last-child{flex:1 1 auto;min-height:0}.wx-list-screen.is-fill[data-v-8c7e5ad1] .wx-tabs,.wx-list-screen.is-fill[data-v-8c7e5ad1] .wx-tabs__layout,.wx-list-screen.is-fill[data-v-8c7e5ad1] .wx-tabs__panels{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.wx-list-screen.is-fill[data-v-8c7e5ad1] .wx-tabs__panel,.wx-list-screen.is-fill[data-v-8c7e5ad1] .wx-tabs__panel>*{flex:1 1 auto;min-height:0}.wx-list-screen.is-fill[data-v-8c7e5ad1] .wx-tabs__bar{flex:0 0 auto}.wx-slug[data-v-2866b684]{display:flex;flex-direction:column;gap:var(--wx-space-8)}.wx-slug__prefix[data-v-2866b684],.wx-slug[data-v-2866b684] .wx-input__inner{font-family:var(--wx-font-family-mono)}.wx-slug__prefix[data-v-2866b684]{color:var(--wx-text-muted)}.wx-admin[data-v-819885ab]{--wx-admin-header-height: 52px;min-height:100dvh;background:var(--wx-bg-body)}.wx-admin--drawer[data-v-819885ab]{--wx-gap: var(--wx-space-8)}.wx-admin--rail[data-v-819885ab]{--wx-gap: var(--wx-space-12)}.wx-admin--sidebar[data-v-819885ab]{--wx-gap: var(--wx-space-16)}.wx-admin__frame[data-v-819885ab]{padding:var(--wx-gap);gap:var(--wx-gap)}.wx-admin__header[data-v-819885ab]{--wx-header-top: var(--wx-gap)}.wx-admin__aside[data-v-819885ab]{--wx-aside-top: var(--wx-gap);--wx-aside-height: calc(100dvh - var(--wx-gap) * 2)}.wx-admin__brand[data-v-819885ab]{display:flex;align-items:center;gap:var(--wx-space-8);box-sizing:border-box;min-height:48px;padding:var(--wx-space-8);border-bottom:1px solid var(--wx-border-muted)}.wx-aside--collapsed .wx-admin__brand[data-v-819885ab]{justify-content:center;padding-inline:var(--wx-space-4)}.wx-admin__brand--stacked[data-v-819885ab]{flex-direction:column;gap:var(--wx-space-4)}.wx-admin__title[data-v-819885ab]{flex:1 1 auto;min-width:0}.wx-admin__brand>.wx-admin__logo[data-v-819885ab]{margin-inline-end:auto}.wx-admin__logo[data-v-819885ab]{flex:0 1 auto;min-width:0;height:28px;width:auto;max-width:100%;object-fit:contain;object-position:left center}.wx-admin__mark[data-v-819885ab]{height:24px;width:24px;object-fit:contain}.wx-admin__user[data-v-819885ab]{display:flex;align-items:center;padding:var(--wx-space-8);border-top:1px solid var(--wx-border-muted)}.wx-aside--collapsed .wx-admin__user[data-v-819885ab]{justify-content:center}.wx-admin__user--drawer[data-v-819885ab]{flex:1 1 auto;justify-content:flex-start;padding:0;border-top:none}.wx-admin__screen[data-v-819885ab]{--wx-fill-height: calc(100dvh - var(--wx-gap) * 2);--wx-action-bar-bottom: var(--wx-gap);min-width:0;min-height:0}.wx-admin--drawer .wx-admin__screen[data-v-819885ab]{--wx-fill-height: calc(100dvh - var(--wx-gap) * 3 - var(--wx-admin-header-height))}.wx-admin-plain[data-v-819885ab]{display:grid;place-items:center;box-sizing:border-box;min-height:100dvh;padding:var(--wx-space-16);background:var(--wx-bg-body)}:root[data-wx-shell],:root[data-wx-shell]>body,html:has(>body>#webx-app),body:has(>#webx-app){margin:0}.wx-admin--drawer .wx-action--md{--wx-action-size: 30px}.wx-admin--drawer .wx-action--lg{--wx-action-size: 36px}.wx-admin__drawer .wx-drawer__content>.wx-menu{padding-inline:0}:root[data-wx-shell=drawer]{--wx-gap: var(--wx-space-8)}:root[data-wx-shell=rail]{--wx-gap: var(--wx-space-12)}:root[data-wx-shell=sidebar]{--wx-gap: var(--wx-space-16)}.wx-address-note[data-v-38e2b4c5]{display:inline-flex;align-items:center;margin-inline-start:var(--wx-space-4);color:var(--wx-text-muted);vertical-align:middle;cursor:help}.wx-address-note[data-v-38e2b4c5]:focus-visible{outline:none;border-radius:var(--wx-radius-xs);box-shadow:var(--wx-ring-focus)}.wx-categories__loading{padding:var(--wx-space-8)}.wx-categories__list.is-plain .wx-sortable-list__row{padding-inline:var(--wx-space-8)}.wx-categories__note{margin-block-start:var(--wx-space-8)}.wx-categories__list .wx-sortable-list__row:hover{background:var(--wx-bg-subtle);border-radius:var(--wx-radius-sm)}.wx-category-row{display:flex;flex-direction:column;gap:var(--wx-space-2);align-items:flex-start;flex:1 1 auto;min-width:0;color:inherit;text-decoration:none}.wx-category-row__name{display:flex;align-items:center;gap:var(--wx-space-6);min-width:0;max-width:100%}.wx-category-row.is-hidden{color:var(--wx-text-muted)}.wx-category-row__count{flex:none;font-variant-numeric:tabular-nums}.wx-save-state[data-v-216e5e44]{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--wx-size-control-sm);height:var(--wx-size-control-sm)}.wx-save-state__mark[data-v-216e5e44]{font-size:var(--wx-font-size-lg);color:var(--wx-text-muted)}.wx-save-state__mark.is-saved[data-v-216e5e44]{color:var(--wx-color-success)}.wx-category-editor[data-v-55265992]{display:flex;flex-direction:column;gap:var(--wx-gap, var(--wx-space-16));container-type:inline-size}.wx-category-editor__ghost[data-v-55265992]{max-width:420px}.wx-rename[data-v-d879e8d3]{display:flex;flex-direction:column;gap:var(--wx-space-12)}.wx-rename__footer[data-v-d879e8d3]{display:flex;justify-content:flex-end}.wx-help[data-v-6c280d42]{color:var(--wx-text-default);font-size:var(--wx-font-size-md);line-height:var(--wx-font-line-height-normal)}.wx-help[data-v-6c280d42] h2,.wx-help[data-v-6c280d42] h3,.wx-help[data-v-6c280d42] h4{margin-block:var(--wx-space-18) var(--wx-space-8);font-weight:var(--wx-font-weight-semibold)}.wx-help[data-v-6c280d42] h2{font-size:var(--wx-font-size-lg)}.wx-help[data-v-6c280d42] h3,.wx-help[data-v-6c280d42] h4{font-size:var(--wx-font-size-md)}.wx-help[data-v-6c280d42] :is(h2,h3,h4):first-child{margin-block-start:0}.wx-help[data-v-6c280d42] p,.wx-help[data-v-6c280d42] ul,.wx-help[data-v-6c280d42] ol{margin-block:0 var(--wx-space-12)}.wx-help[data-v-6c280d42] ul,.wx-help[data-v-6c280d42] ol{padding-inline-start:var(--wx-space-24)}.wx-help[data-v-6c280d42] li{margin-block-end:var(--wx-space-4)}.wx-help[data-v-6c280d42] code{padding:0 var(--wx-space-4);border-radius:var(--wx-radius-xs);background:var(--wx-bg-subtle);font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-sm)}.wx-help[data-v-6c280d42] pre{margin-block:0 var(--wx-space-12);padding:var(--wx-space-12);border-radius:var(--wx-radius-sm);background:var(--wx-bg-subtle);overflow:auto}.wx-help[data-v-6c280d42] pre code{padding:0;background:none}.wx-help[data-v-6c280d42] a{color:var(--wx-color-primary)}.wx-notes[data-v-71004c1a]{display:flex;flex-direction:column;gap:var(--wx-space-12);min-width:0;container-type:inline-size}.wx-notes__list[data-v-71004c1a]{display:flex;flex-direction:column;gap:var(--wx-space-12);margin:0;padding:0;list-style:none}.wx-note[data-v-71004c1a]{display:flex;gap:var(--wx-space-8);min-width:0}.wx-note__body[data-v-71004c1a]{display:flex;flex-direction:column;gap:var(--wx-space-4);flex:1 1 auto;min-width:0}.wx-note__head[data-v-71004c1a]{display:flex;align-items:center;gap:var(--wx-space-8);min-width:0}.wx-note__head[data-v-71004c1a]>:last-child{margin-inline-start:auto}.wx-note__text[data-v-71004c1a]{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--wx-font-size-sm);color:var(--wx-text-default)}.wx-note__buttons[data-v-71004c1a]{display:flex;align-items:flex-start;gap:var(--wx-space-8)}.wx-notes__new[data-v-71004c1a]{display:flex;flex-direction:column;align-items:stretch;gap:var(--wx-space-8)}.wx-notes__new[data-v-71004c1a]>:first-child{min-width:0}.wx-notes__new[data-v-71004c1a]>:last-child{align-self:flex-start}@container (max-width: 440px){.wx-note__buttons[data-v-71004c1a]{flex-direction:column;align-items:stretch}.wx-notes__new[data-v-71004c1a]>:last-child{align-self:stretch}}.wx-editing-alerts__lead[data-v-4d019f39]{margin:0 0 var(--wx-space-8)}.wx-editing-alerts__list[data-v-4d019f39]{display:flex;flex-direction:column;gap:var(--wx-space-12);margin:0;padding:0;list-style:none}.wx-editing-alerts__item[data-v-4d019f39]{display:flex;flex-direction:column;gap:var(--wx-space-4)}.wx-editing-alerts__place[data-v-4d019f39]{font-weight:var(--wx-font-weight-medium)}.wx-editing-alerts__note[data-v-4d019f39],.wx-editing-alerts__was[data-v-4d019f39],.wx-editing-alerts__side[data-v-4d019f39]{color:var(--wx-text-muted)}.wx-editing-alerts__note[data-v-4d019f39]{margin-inline-start:var(--wx-space-8);font-weight:var(--wx-font-weight-regular)}.wx-editing-alerts__side[data-v-4d019f39]{margin-inline-end:var(--wx-space-6);font-size:var(--wx-font-size-sm)}.wx-editing-alerts__choices[data-v-4d019f39]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--wx-space-8)}.wx-editing-alerts__choice[data-v-4d019f39]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--wx-space-2);min-width:0;padding:var(--wx-space-8) var(--wx-space-10);border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-sm);background:var(--wx-bg-surface);color:var(--wx-text-default);font:inherit;text-align:start;cursor:pointer}.wx-editing-alerts__choice.is-chosen[data-v-4d019f39]{border-color:var(--wx-border-focus);box-shadow:0 0 0 1px var(--wx-border-focus)}.wx-editing-alerts__choice[data-v-4d019f39]:focus-visible{outline:2px solid var(--wx-border-focus);outline-offset:2px}.wx-editing-alerts__value[data-v-4d019f39]{overflow-wrap:anywhere}.wx-editing-alerts__others[data-v-4d019f39]{margin:0;color:var(--wx-text-muted);font-size:var(--wx-font-size-sm)}.wx-drafts[data-v-dd9f4601]{display:flex;flex-direction:column;gap:var(--wx-space-8)}.wx-drafts__head[data-v-dd9f4601]{display:flex;flex-direction:column;gap:var(--wx-space-2)}.wx-drafts__list[data-v-dd9f4601]{display:flex;flex-direction:column;border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-md);background:var(--wx-bg-surface);overflow:hidden}.wx-drafts__ghost[data-v-dd9f4601]{padding:var(--wx-space-10) var(--wx-space-12)}.wx-drafts__row[data-v-dd9f4601]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--wx-space-12);padding:var(--wx-space-10) var(--wx-space-12);border-block-end:1px solid var(--wx-border-default)}.wx-drafts__row[data-v-dd9f4601]:last-child{border-block-end:0}.wx-drafts__changed[data-v-dd9f4601]{overflow-wrap:anywhere}.wx-drafts__who[data-v-dd9f4601]{display:flex;flex-direction:column;flex:1;min-width:160px}.wx-backup-note[data-v-beeee67e]{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--wx-space-4) var(--wx-space-6);margin:0}
+.wx-screen__col{display:flex;flex-direction:column;gap:var(--wx-gap, var(--wx-space-16))}.wx-screen__row{max-width:calc(var(--wx-field-max-width, 640px) + var(--wx-row-gutter, 0px))}.wx-screen__unknown{padding:var(--wx-space-8) var(--wx-space-12);border:1px dashed var(--wx-color-danger);border-radius:var(--wx-radius-control);background:var(--wx-color-danger-soft);color:var(--wx-color-danger);font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-sm)}.wx-categories-field[data-v-640cd836]{display:flex;flex-direction:column;gap:var(--wx-space-8)}.wx-categories-field[data-v-640cd836] .wx-sortable-list__content{display:flex;align-items:center;gap:var(--wx-space-8);min-width:0}.wx-categories-field__name[data-v-640cd836]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wx-relations-field[data-v-5ecf0e47]{display:flex;flex-direction:column;gap:var(--wx-space-8);min-width:0}.wx-relations-field[data-v-5ecf0e47] .wx-sortable-list__content{display:flex;align-items:center;gap:var(--wx-space-8);min-width:0}.wx-relations-field__thumb[data-v-5ecf0e47]{flex:none;width:32px;height:32px;min-width:0;object-fit:cover;border-radius:var(--wx-radius-xs);background:var(--wx-bg-fill)}.wx-relations-field__text[data-v-5ecf0e47]{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.wx-relations-field__title[data-v-5ecf0e47],.wx-relations-field__subtitle[data-v-5ecf0e47]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wx-relations-field__subtitle[data-v-5ecf0e47],.wx-relations-field__note[data-v-5ecf0e47]{font-size:var(--wx-font-size-sm);color:var(--wx-text-muted)}.wx-relations-field__note[data-v-5ecf0e47]{margin:0}.wx-relations-field.is-unordered[data-v-5ecf0e47] .wx-sortable-list__grip{display:none}.wx-relations-field[data-v-5ecf0e47] .wx-badge{flex:none}.wx-collection-field[data-v-023ad095]{display:flex;flex-direction:column;gap:var(--wx-space-12);min-width:0}.wx-collection-field__row[data-v-023ad095]{display:flex;flex-direction:column;gap:var(--wx-space-4);min-width:0}.wx-collection-field__label[data-v-023ad095]{font-size:var(--wx-font-size-sm);color:var(--wx-text-muted)}.wx-collection-field__limit[data-v-023ad095]{max-width:160px}.wx-collection-field__markup[data-v-023ad095]{display:flex;flex-direction:column;gap:var(--wx-space-4)}.wx-collection-field__reset[data-v-023ad095]{align-self:flex-start}.wx-collection-field__note[data-v-023ad095],.wx-collection-field__hint[data-v-023ad095]{margin:0;font-size:var(--wx-font-size-sm);color:var(--wx-text-muted)}.wx-link-picker[data-v-e54022e5]{display:flex;flex-direction:column;gap:var(--wx-space-8)}.wx-link-picker__entity[data-v-e54022e5]{display:flex;flex-wrap:wrap;gap:var(--wx-space-8)}.wx-link-picker__entity[data-v-e54022e5]>.wx-link-picker__section{flex:0 0 auto;min-width:160px}.wx-link-picker__entity[data-v-e54022e5]>.wx-link-picker__search{flex:1 1 220px;min-width:0}.wx-link-picker__hash[data-v-e54022e5]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--wx-space-4) var(--wx-space-6)}.wx-link-picker__hash[data-v-e54022e5]>:first-child{grid-column:1 / -1}.wx-link-picker__sign[data-v-e54022e5]{color:var(--wx-text-placeholder)}.wx-link-picker__attributes[data-v-e54022e5]{display:flex;flex-direction:column;gap:var(--wx-space-12)}.wx-link-picker__rel[data-v-e54022e5]{display:flex;flex-direction:column;gap:var(--wx-space-6)}.wx-history[data-v-68eae472]{display:flex;flex-direction:column;gap:var(--wx-space-12);min-width:0;container-type:inline-size}.wx-history__list[data-v-68eae472]{display:flex;flex-direction:column;gap:var(--wx-space-16);margin:0;padding:0;list-style:none}.wx-history-entry[data-v-68eae472]{display:flex;gap:var(--wx-space-8);min-width:0}.wx-history-entry__body[data-v-68eae472]{display:flex;flex-direction:column;gap:var(--wx-space-4);flex:1 1 auto;min-width:0}.wx-history-entry__head[data-v-68eae472],.wx-history-run__head[data-v-68eae472]{display:flex;align-items:center;gap:var(--wx-space-8);min-width:0}.wx-history-entry__head[data-v-68eae472]>:last-child,.wx-history-run__head[data-v-68eae472]>:last-child{margin-inline-start:auto;flex:none}.wx-history-entry__changes[data-v-68eae472]{display:flex;flex-direction:column;gap:var(--wx-space-2);margin:0;padding:0;list-style:none}.wx-history-change[data-v-68eae472]{font-size:var(--wx-font-size-sm);color:var(--wx-text-default);overflow-wrap:anywhere}.wx-history-change__label[data-v-68eae472]{color:var(--wx-text-muted);margin-inline-end:var(--wx-space-4)}.wx-history-change__from[data-v-68eae472]{color:var(--wx-text-muted);text-decoration:line-through}.wx-history-change__arrow[data-v-68eae472]{margin-inline:var(--wx-space-4);color:var(--wx-text-muted)}.wx-history-change__long[data-v-68eae472]{color:var(--wx-text-muted);font-style:italic}.wx-history-entry__run[data-v-68eae472]{align-self:flex-start;margin:0;padding:0;border:0;border-radius:var(--wx-radius-xs);background:none;font:inherit;font-size:var(--wx-font-size-sm);text-align:start;color:var(--wx-text-link);cursor:pointer}.wx-history-entry__run[data-v-68eae472]:hover{text-decoration:underline}.wx-history-entry__run[data-v-68eae472]:focus-visible{outline:none;box-shadow:var(--wx-ring-focus)}.wx-history__more[data-v-68eae472]{display:flex;justify-content:center}.wx-history-run[data-v-68eae472]{display:flex;flex-direction:column;gap:var(--wx-space-8);min-width:0}.wx-history-run__summary[data-v-68eae472]{display:grid;grid-template-columns:max-content 1fr;gap:var(--wx-space-4) var(--wx-space-12);margin:0;font-size:var(--wx-font-size-sm)}.wx-history-run__summary dt[data-v-68eae472]{color:var(--wx-text-muted)}.wx-history-run__summary dd[data-v-68eae472]{margin:0;overflow-wrap:anywhere}.wx-history-run__row[data-v-68eae472]{display:flex;flex-direction:column;gap:var(--wx-space-2)}.wx-row-menu[data-v-edb66fa9]{--wx-action-bg: transparent}.wx-row-menu__entry[data-v-edb66fa9]{display:flex;flex-direction:column;gap:var(--wx-space-2);white-space:normal}.wx-row-menu__hint[data-v-edb66fa9]{color:var(--wx-text-muted);font-size:var(--wx-font-size-xs);font-weight:var(--wx-font-weight-regular)}.wx-screen-head[data-v-9ebd5372]{--wx-head-line: calc(var(--wx-font-size-2xl) * var(--wx-font-line-height-tight));display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"back name actions" ". subtitle .";align-items:start;row-gap:var(--wx-space-4);flex:none;min-width:0}.wx-screen-head[data-level="3"][data-v-9ebd5372]{--wx-head-line: calc(var(--wx-font-size-xl) * var(--wx-font-line-height-tight))}.wx-screen-head.has-trail[data-v-9ebd5372]{grid-template-areas:"trail trail trail" "back name actions" ". subtitle ."}.wx-screen-head.has-divider[data-v-9ebd5372]{padding-block-end:var(--wx-space-12);border-block-end:1px solid var(--wx-border-default)}.wx-screen-head__trail[data-v-9ebd5372]{grid-area:trail;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;overflow-anchor:none;scrollbar-width:none;-ms-overflow-style:none}.wx-screen-head__trail[data-v-9ebd5372]::-webkit-scrollbar{display:none}.wx-screen-head__trail[data-v-9ebd5372]>*{flex-wrap:nowrap;white-space:nowrap}.wx-screen-head__trail[data-v-9ebd5372] .wx-breadcrumb__list{flex-wrap:nowrap}.wx-screen-head__trail[data-v-9ebd5372] .wx-breadcrumb-item{flex:none}.wx-screen-head__trail[data-v-9ebd5372] .wx-breadcrumb-item__link{overflow:visible}.wx-screen-head[data-v-9ebd5372]>.wx-screen-head__back{grid-area:back;margin-inline-end:var(--wx-space-8);margin-block-start:calc((var(--wx-head-line) - 30px) / 2)}.wx-screen-head__name[data-v-9ebd5372]{grid-area:name;display:flex;align-items:center;gap:var(--wx-space-8);flex-wrap:wrap;min-width:0}.wx-screen-head__title[data-v-9ebd5372]{min-width:0}.wx-screen-head__subtitle[data-v-9ebd5372]{grid-area:subtitle;min-width:0}.wx-screen-head__actions[data-v-9ebd5372]{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;gap:var(--wx-space-8);flex-wrap:wrap;min-width:0;margin-inline-start:var(--wx-space-12);margin-block-start:calc((var(--wx-head-line) - var(--wx-size-control-md)) / 2)}.wx-screen-head__actions[data-v-9ebd5372] .wx-action{--wx-action-size: var(--wx-size-control-md)}.wx-admin--drawer .wx-screen-head__actions[data-v-9ebd5372]{--wx-size-control-md: 36px}.wx-screen-head.is-narrow.has-button[data-v-9ebd5372]{grid-template-areas:"back name name" ". subtitle subtitle" "actions actions actions"}.wx-screen-head.is-narrow.has-button.has-trail[data-v-9ebd5372]{grid-template-areas:"trail trail trail" "back name name" ". subtitle subtitle" "actions actions actions"}.wx-screen-head.is-narrow.has-button .wx-screen-head__actions[data-v-9ebd5372]{margin-inline-start:0;margin-block-start:var(--wx-space-8)}.wx-screen-head.is-narrow .wx-screen-head__actions[data-v-9ebd5372]>.wx-screen-head__button{flex:1 1 auto}.wx-list-screen[data-v-8c7e5ad1]{display:flex;flex-direction:column;gap:var(--wx-gap, var(--wx-space-16));min-width:0;container-type:inline-size}.wx-list-screen.is-fill[data-v-8c7e5ad1]{min-height:0}.wx-list-screen.is-fill[data-v-8c7e5ad1]>:last-child{flex:1 1 auto;min-height:0}.wx-list-screen.is-fill[data-v-8c7e5ad1] .wx-tabs,.wx-list-screen.is-fill[data-v-8c7e5ad1] .wx-tabs__layout,.wx-list-screen.is-fill[data-v-8c7e5ad1] .wx-tabs__panels{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.wx-list-screen.is-fill[data-v-8c7e5ad1] .wx-tabs__panel,.wx-list-screen.is-fill[data-v-8c7e5ad1] .wx-tabs__panel>*{flex:1 1 auto;min-height:0}.wx-list-screen.is-fill[data-v-8c7e5ad1] .wx-tabs__bar{flex:0 0 auto}.wx-slug[data-v-2866b684]{display:flex;flex-direction:column;gap:var(--wx-space-8)}.wx-slug__prefix[data-v-2866b684],.wx-slug[data-v-2866b684] .wx-input__inner{font-family:var(--wx-font-family-mono)}.wx-slug__prefix[data-v-2866b684]{color:var(--wx-text-muted)}.wx-admin[data-v-0105c429]{--wx-admin-header-height: 52px;min-height:100dvh;background:var(--wx-bg-body)}.wx-admin--drawer[data-v-0105c429]{--wx-gap: var(--wx-space-8)}.wx-admin--rail[data-v-0105c429]{--wx-gap: var(--wx-space-12)}.wx-admin--sidebar[data-v-0105c429]{--wx-gap: var(--wx-space-16)}.wx-admin__frame[data-v-0105c429]{padding:var(--wx-gap);gap:var(--wx-gap)}.wx-admin__header[data-v-0105c429]{--wx-header-top: var(--wx-gap)}.wx-admin__aside[data-v-0105c429]{--wx-aside-top: var(--wx-gap);--wx-aside-height: calc(100dvh - var(--wx-gap) * 2)}.wx-admin__brand[data-v-0105c429]{display:flex;align-items:center;gap:var(--wx-space-8);box-sizing:border-box;min-height:48px;padding:var(--wx-space-8);border-bottom:1px solid var(--wx-border-muted)}.wx-aside--collapsed .wx-admin__brand[data-v-0105c429]{justify-content:center;padding-inline:var(--wx-space-4)}.wx-admin__brand--stacked[data-v-0105c429]{flex-direction:column;gap:var(--wx-space-4)}.wx-admin__title[data-v-0105c429]{flex:1 1 auto;min-width:0}.wx-admin__brand>.wx-admin__logo[data-v-0105c429]{margin-inline-end:auto}.wx-admin__logo[data-v-0105c429]{flex:0 1 auto;min-width:0;height:28px;width:auto;max-width:100%;object-fit:contain;object-position:left center}.wx-admin__mark[data-v-0105c429]{height:24px;width:24px;object-fit:contain}.wx-admin__user[data-v-0105c429]{display:flex;align-items:center;padding:var(--wx-space-8);border-top:1px solid var(--wx-border-muted)}.wx-aside--collapsed .wx-admin__user[data-v-0105c429]{justify-content:center}.wx-admin__user--drawer[data-v-0105c429]{flex:1 1 auto;justify-content:flex-start;padding:0;border-top:none}.wx-admin__screen[data-v-0105c429]{--wx-fill-height: calc(100dvh - var(--wx-gap) * 2);--wx-action-bar-bottom: var(--wx-gap);min-width:0;min-height:0}.wx-admin--drawer .wx-admin__screen[data-v-0105c429]{--wx-fill-height: calc(100dvh - var(--wx-gap) * 3 - var(--wx-admin-header-height))}.wx-admin-plain[data-v-0105c429]{display:grid;place-items:center;box-sizing:border-box;min-height:100dvh;padding:var(--wx-space-16);background:var(--wx-bg-body)}:root[data-wx-shell],:root[data-wx-shell]>body,html:has(>body>#webx-app),body:has(>#webx-app){margin:0}.wx-admin--drawer .wx-action--md{--wx-action-size: 30px}.wx-admin--drawer .wx-action--lg{--wx-action-size: 36px}.wx-admin__drawer .wx-drawer__content>.wx-menu{padding-inline:0}:root[data-wx-shell=drawer]{--wx-gap: var(--wx-space-8)}:root[data-wx-shell=rail]{--wx-gap: var(--wx-space-12)}:root[data-wx-shell=sidebar]{--wx-gap: var(--wx-space-16)}.wx-site-bar[data-v-765f808b]{display:flex;flex-direction:column;min-height:100vh;background:var(--wx-bg-surface);color:var(--wx-text-default)}.wx-site-bar__head[data-v-765f808b]{display:flex;align-items:flex-start;gap:var(--wx-space-4);padding:var(--wx-space-12) var(--wx-space-12) var(--wx-space-8) var(--wx-space-16);border-bottom:1px solid var(--wx-border-default)}.wx-site-bar__what[data-v-765f808b]{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--wx-space-4);min-width:0}.wx-site-bar__state[data-v-765f808b]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wx-space-8)}.wx-site-bar__draft[data-v-765f808b]{margin:var(--wx-space-12) var(--wx-space-16) 0}.wx-site-bar__tabs[data-v-765f808b]{padding:var(--wx-space-8) var(--wx-space-16) 0}.wx-site-bar__body[data-v-765f808b]{display:flex;flex-direction:column;gap:var(--wx-space-16);padding:var(--wx-space-16) 0}.wx-site-bar>.wx-site-bar__body[data-v-765f808b]{padding:var(--wx-space-16)}.wx-site-bar__url[data-v-765f808b]{word-break:break-all}.wx-address-note[data-v-38e2b4c5]{display:inline-flex;align-items:center;margin-inline-start:var(--wx-space-4);color:var(--wx-text-muted);vertical-align:middle;cursor:help}.wx-address-note[data-v-38e2b4c5]:focus-visible{outline:none;border-radius:var(--wx-radius-xs);box-shadow:var(--wx-ring-focus)}.wx-categories__loading{padding:var(--wx-space-8)}.wx-categories__list.is-plain .wx-sortable-list__row{padding-inline:var(--wx-space-8)}.wx-categories__note{margin-block-start:var(--wx-space-8)}.wx-categories__list .wx-sortable-list__row:hover{background:var(--wx-bg-subtle);border-radius:var(--wx-radius-sm)}.wx-category-row{display:flex;flex-direction:column;gap:var(--wx-space-2);align-items:flex-start;flex:1 1 auto;min-width:0;color:inherit;text-decoration:none}.wx-category-row__name{display:flex;align-items:center;gap:var(--wx-space-6);min-width:0;max-width:100%}.wx-category-row.is-hidden{color:var(--wx-text-muted)}.wx-category-row__count{flex:none;font-variant-numeric:tabular-nums}.wx-save-state[data-v-216e5e44]{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--wx-size-control-sm);height:var(--wx-size-control-sm)}.wx-save-state__mark[data-v-216e5e44]{font-size:var(--wx-font-size-lg);color:var(--wx-text-muted)}.wx-save-state__mark.is-saved[data-v-216e5e44]{color:var(--wx-color-success)}.wx-category-editor[data-v-55265992]{display:flex;flex-direction:column;gap:var(--wx-gap, var(--wx-space-16));container-type:inline-size}.wx-category-editor__ghost[data-v-55265992]{max-width:420px}.wx-rename[data-v-d879e8d3]{display:flex;flex-direction:column;gap:var(--wx-space-12)}.wx-rename__footer[data-v-d879e8d3]{display:flex;justify-content:flex-end}.wx-help[data-v-6c280d42]{color:var(--wx-text-default);font-size:var(--wx-font-size-md);line-height:var(--wx-font-line-height-normal)}.wx-help[data-v-6c280d42] h2,.wx-help[data-v-6c280d42] h3,.wx-help[data-v-6c280d42] h4{margin-block:var(--wx-space-18) var(--wx-space-8);font-weight:var(--wx-font-weight-semibold)}.wx-help[data-v-6c280d42] h2{font-size:var(--wx-font-size-lg)}.wx-help[data-v-6c280d42] h3,.wx-help[data-v-6c280d42] h4{font-size:var(--wx-font-size-md)}.wx-help[data-v-6c280d42] :is(h2,h3,h4):first-child{margin-block-start:0}.wx-help[data-v-6c280d42] p,.wx-help[data-v-6c280d42] ul,.wx-help[data-v-6c280d42] ol{margin-block:0 var(--wx-space-12)}.wx-help[data-v-6c280d42] ul,.wx-help[data-v-6c280d42] ol{padding-inline-start:var(--wx-space-24)}.wx-help[data-v-6c280d42] li{margin-block-end:var(--wx-space-4)}.wx-help[data-v-6c280d42] code{padding:0 var(--wx-space-4);border-radius:var(--wx-radius-xs);background:var(--wx-bg-subtle);font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-sm)}.wx-help[data-v-6c280d42] pre{margin-block:0 var(--wx-space-12);padding:var(--wx-space-12);border-radius:var(--wx-radius-sm);background:var(--wx-bg-subtle);overflow:auto}.wx-help[data-v-6c280d42] pre code{padding:0;background:none}.wx-help[data-v-6c280d42] a{color:var(--wx-color-primary)}.wx-notes[data-v-71004c1a]{display:flex;flex-direction:column;gap:var(--wx-space-12);min-width:0;container-type:inline-size}.wx-notes__list[data-v-71004c1a]{display:flex;flex-direction:column;gap:var(--wx-space-12);margin:0;padding:0;list-style:none}.wx-note[data-v-71004c1a]{display:flex;gap:var(--wx-space-8);min-width:0}.wx-note__body[data-v-71004c1a]{display:flex;flex-direction:column;gap:var(--wx-space-4);flex:1 1 auto;min-width:0}.wx-note__head[data-v-71004c1a]{display:flex;align-items:center;gap:var(--wx-space-8);min-width:0}.wx-note__head[data-v-71004c1a]>:last-child{margin-inline-start:auto}.wx-note__text[data-v-71004c1a]{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--wx-font-size-sm);color:var(--wx-text-default)}.wx-note__buttons[data-v-71004c1a]{display:flex;align-items:flex-start;gap:var(--wx-space-8)}.wx-notes__new[data-v-71004c1a]{display:flex;flex-direction:column;align-items:stretch;gap:var(--wx-space-8)}.wx-notes__new[data-v-71004c1a]>:first-child{min-width:0}.wx-notes__new[data-v-71004c1a]>:last-child{align-self:flex-start}@container (max-width: 440px){.wx-note__buttons[data-v-71004c1a]{flex-direction:column;align-items:stretch}.wx-notes__new[data-v-71004c1a]>:last-child{align-self:stretch}}.wx-editing-alerts__lead[data-v-4d019f39]{margin:0 0 var(--wx-space-8)}.wx-editing-alerts__list[data-v-4d019f39]{display:flex;flex-direction:column;gap:var(--wx-space-12);margin:0;padding:0;list-style:none}.wx-editing-alerts__item[data-v-4d019f39]{display:flex;flex-direction:column;gap:var(--wx-space-4)}.wx-editing-alerts__place[data-v-4d019f39]{font-weight:var(--wx-font-weight-medium)}.wx-editing-alerts__note[data-v-4d019f39],.wx-editing-alerts__was[data-v-4d019f39],.wx-editing-alerts__side[data-v-4d019f39]{color:var(--wx-text-muted)}.wx-editing-alerts__note[data-v-4d019f39]{margin-inline-start:var(--wx-space-8);font-weight:var(--wx-font-weight-regular)}.wx-editing-alerts__side[data-v-4d019f39]{margin-inline-end:var(--wx-space-6);font-size:var(--wx-font-size-sm)}.wx-editing-alerts__choices[data-v-4d019f39]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--wx-space-8)}.wx-editing-alerts__choice[data-v-4d019f39]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--wx-space-2);min-width:0;padding:var(--wx-space-8) var(--wx-space-10);border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-sm);background:var(--wx-bg-surface);color:var(--wx-text-default);font:inherit;text-align:start;cursor:pointer}.wx-editing-alerts__choice.is-chosen[data-v-4d019f39]{border-color:var(--wx-border-focus);box-shadow:0 0 0 1px var(--wx-border-focus)}.wx-editing-alerts__choice[data-v-4d019f39]:focus-visible{outline:2px solid var(--wx-border-focus);outline-offset:2px}.wx-editing-alerts__value[data-v-4d019f39]{overflow-wrap:anywhere}.wx-editing-alerts__others[data-v-4d019f39]{margin:0;color:var(--wx-text-muted);font-size:var(--wx-font-size-sm)}.wx-drafts[data-v-dd9f4601]{display:flex;flex-direction:column;gap:var(--wx-space-8)}.wx-drafts__head[data-v-dd9f4601]{display:flex;flex-direction:column;gap:var(--wx-space-2)}.wx-drafts__list[data-v-dd9f4601]{display:flex;flex-direction:column;border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-md);background:var(--wx-bg-surface);overflow:hidden}.wx-drafts__ghost[data-v-dd9f4601]{padding:var(--wx-space-10) var(--wx-space-12)}.wx-drafts__row[data-v-dd9f4601]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--wx-space-12);padding:var(--wx-space-10) var(--wx-space-12);border-block-end:1px solid var(--wx-border-default)}.wx-drafts__row[data-v-dd9f4601]:last-child{border-block-end:0}.wx-drafts__changed[data-v-dd9f4601]{overflow-wrap:anywhere}.wx-drafts__who[data-v-dd9f4601]{display:flex;flex-direction:column;flex:1;min-width:160px}.wx-backup-note[data-v-beeee67e]{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--wx-space-4) var(--wx-space-6);margin:0}

package/dist/types.d.ts

@@ -4,6 +4,7 @@ import { TypeRegistry } from '@webx-ui/schema';
 import { ThemePreference } from '@webx-ui/tokens';
 import { AdminContext } from './admin';
 import { LocaleDescriptor } from './i18n';
+import { SiteBarTab } from './siteBar';
 /**
  * What `GET /api/cms/manifest` answers with — the panel's own description of itself, and the
  * first thing the front end asks for. Mirrors `WebxUi\Admin\Manifest\ManifestBuilder`.
@@ -110,6 +111,11 @@ export interface AdminUser {
      * and then this browser's own choice stands.
      */
     theme?: ThemePreference | null;
+    /**
+     * Whether the panel on the site is shown to them on the site's own pages. Absent from an older
+     * server, which has no such panel.
+     */
+    siteBar?: boolean;
     /** The key their photograph is stored under — not an address; the panel resolves it. */
     avatar?: string | null;
     [key: string]: unknown;
@@ -173,6 +179,12 @@ export interface AdminModule {
      * cannot depend on the module that has the block library, so that module supplies this.
      */
     blockLabels?: (admin: AdminContext) => Promise<BlockLabels>;
+    /**
+     * Tabs this module adds to the panel on the site (WEBX_UI_SITE_BAR.md). Each is drawn only
+     * where the server listed its name for the page — the server half of the module registers
+     * the same name with `SiteBar::section()`.
+     */
+    siteBarTabs?: SiteBarTab[];
 }
 /** Names of block types and of their fields, as the block library has them. */
 export interface BlockLabels {
@@ -240,6 +252,11 @@ export interface RowAction {
     danger?: boolean;
     /** Offered but not possible right now — an address that does not exist yet. */
     disabled?: boolean;
+    /**
+     * Why it is not possible right now, said on the line itself: «Already first», «No room». A
+     * greyed line with no reason reads as broken.
+     */
+    hint?: string;
     /** Renders the line as a link. Opens in a new tab unless `target` says otherwise. */
     href?: string;
     target?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webx-ui/module-admin",
-  "version": "0.25.0",
+  "version": "0.26.0",
   "description": "The frame a WebX UI admin panel runs in: bootstrap, the shell, the HTTP client and the module registry that pairs with webx-ui/module-admin on the server.",
   "license": "MIT",
   "type": "module",
@@ -44,7 +44,7 @@
     "vue-router": "^4.5.0"
   },
   "dependencies": {
-    "@webx-ui/core": "^0.40.0",
+    "@webx-ui/core": "^0.40.2",
     "@webx-ui/schema": "^0.9.0",
     "@webx-ui/tokens": "^0.6.0"
   },