@synopackageland/sdk 0.21.0 → 0.22.0

package/README.md

@@ -183,6 +183,18 @@ tested on its own provides `PageInfoTarget` as it does `PageActionsTarget`.
 <PageInfo inline side="left" :notes="[t('notes.searchLimit')]" />
 ```
 
+`navigation="top"` forwards to `AppLayout` and places the App's pages in a
+horizontal bar in web and DSM window layouts. The `sidebar-footer` slot (or
+the account supplied by `ctx`) follows the navigation; mobile keeps its drawer.
+Omit `navigation` to keep the installed UI's default sidebar, or pass
+`navigation="sidebar"` explicitly. Top navigation requires
+**@synopackageland/ui 0.13.1 or later**; older supported UI peers keep their
+existing layout. Sidebar width and collapse preferences are unused in top mode.
+
+```vue
+<AppShell v-model="page" :locale="ctx.locale" :ctx="ctx" :pages="pages" navigation="top" />
+```
+
 `page-surface` forwards `auto`, `flat`, `card` or `none` to the shell's internal
 `PageContent`, for both normal and denied pages. Omit it to keep the installed
 UI's default (`auto`). It is independent of `page-width`, `wide-layout`, page

package/dist/src/shell/AppShell.vue.d.ts

@@ -8,6 +8,8 @@ type __VLS_Props = {
     description?: string;
     ctx?: ShellContext;
     wideLayout?: WideLayout;
+    /** Forwarded to AppLayout; omitted keeps its sidebar default. 'top' needs UI 0.13.1+. */
+    navigation?: 'sidebar' | 'top';
     sidebarStorageKey?: string;
     brandName?: string;
     brandIcon?: string;

package/dist/style.css

@@ -1 +1 @@
-.executor-upgrade[data-v-aa18745e]{padding:var(--ui-space-3,12px);border-radius:var(--ui-radius-md);background:var(--ui-surface-subtle);font-size:var(--ui-font-size,13px);line-height:var(--ui-line-height,20px);color:var(--ui-text);overflow-wrap:anywhere}.executor-upgrade p[data-v-aa18745e]{margin:0}.executor-upgrade p+p[data-v-aa18745e]{margin-top:var(--ui-space-1,4px)}.executor-upgrade .executor-upgrade-title[data-v-aa18745e]{font-weight:600;margin-bottom:var(--ui-space-2,8px)}.executor-upgrade dl[data-v-aa18745e]{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ui-space-1,4px);margin:var(--ui-space-2,8px) 0 0}.executor-upgrade dt[data-v-aa18745e]{font-weight:600}.executor-upgrade dd[data-v-aa18745e]{margin:0 0 var(--ui-space-1,4px)}.executor-upgrade code[data-v-aa18745e]{font-size:var(--ui-font-size-sm,12px)}.executor-upgrade details[data-v-aa18745e]{margin-top:var(--ui-space-2,8px)}.executor-upgrade summary[data-v-aa18745e]{cursor:pointer;color:var(--ui-primary)}.executor-upgrade ul[data-v-aa18745e]{padding-left:var(--ui-space-4,16px);margin:var(--ui-space-2,8px) 0 0}.executor-upgrade pre[data-v-aa18745e]{white-space:pre-wrap;overflow-wrap:anywhere;margin:var(--ui-space-1,4px) 0}.executor-consent[data-v-f93b77c1]{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:var(--ui-space-3,12px);max-width:640px;overflow-wrap:anywhere}.executor-consent-icon[data-v-f93b77c1]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--ui-primary-soft);color:var(--ui-primary)}.executor-consent-body[data-v-f93b77c1]{display:flex;flex-direction:column;gap:var(--ui-space-4,16px);min-width:0}.executor-consent-title[data-v-f93b77c1]{margin:6px 0 var(--ui-space-1,4px);font-size:var(--ui-font-size-lg,14px);font-weight:600;line-height:var(--ui-line-height,20px);color:var(--ui-text)}.executor-consent-lead[data-v-f93b77c1]{margin:0;font-size:var(--ui-font-size,13px);line-height:var(--ui-line-height,20px);color:var(--ui-text);text-wrap:pretty}.executor-consent-ask[data-v-f93b77c1]{margin-top:var(--ui-space-2,8px)}.executor-consent-page[data-v-f93b77c1]{grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:var(--ui-space-3,12px);box-sizing:border-box;width:100%;max-width:480px;margin:var(--ui-space-6,24px) auto;padding:var(--ui-space-6,24px);border:1px solid var(--ui-border-subtle);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-card)}.executor-consent-page .executor-consent-icon[data-v-f93b77c1]{width:48px;height:48px}.executor-consent-page .executor-consent-body[data-v-f93b77c1]{width:100%;gap:var(--ui-space-5,20px)}.executor-consent-page .executor-consent-head[data-v-f93b77c1]{text-align:center}.executor-consent-page .executor-consent-title[data-v-f93b77c1]{margin-top:0;font-size:var(--ui-font-size-title,16px);line-height:24px}.executor-consent-more summary[data-v-f93b77c1]{display:inline-flex;align-items:center;gap:var(--ui-space-1,4px);cursor:pointer;list-style:none;font-size:var(--ui-font-size,13px);line-height:var(--ui-line-height,20px);color:var(--ui-primary);border-radius:var(--ui-radius-sm)}.executor-consent-more summary[data-v-f93b77c1]::-webkit-details-marker{display:none}.executor-consent-more summary[data-v-f93b77c1]:focus-visible{outline:none;box-shadow:var(--ui-shadow-focus)}.executor-consent-chevron[data-v-f93b77c1]{transition:transform .15s}.executor-consent-more[open] .executor-consent-chevron[data-v-f93b77c1]{transform:rotate(90deg)}.executor-consent-more ul[data-v-f93b77c1]{margin:var(--ui-space-2,8px) 0 0;padding:var(--ui-space-3,12px) var(--ui-space-4,16px) var(--ui-space-3,12px) 32px;border-radius:var(--ui-radius-md);background:var(--ui-surface-subtle);list-style:disc;font-size:var(--ui-font-size,13px);line-height:var(--ui-line-height,20px);color:var(--ui-text)}.executor-consent-more li+li[data-v-f93b77c1]{margin-top:var(--ui-space-1,4px)}@media(prefers-reduced-motion:reduce){.executor-consent-chevron[data-v-f93b77c1]{transition:none}}.executor-summary[data-v-b666a69c]:not(:last-child){margin-bottom:var(--ui-space-3,12px)}.executor-form[data-v-b666a69c]{max-width:28rem}.executor-summary+.executor-form[data-v-b666a69c],.ui-callout+div>.executor-form[data-v-b666a69c]{margin-top:var(--ui-space-4,16px)}.executor-reason[data-v-b666a69c]{display:block;margin-top:var(--ui-space-1,4px);font-size:var(--ui-font-size-sm,12px)}.executor-alert[data-v-b666a69c]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--ui-space-2,8px)}.executor-notice-body[data-v-5468feb3]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--ui-space-2, 8px)}.app-shell[data-v-5b220abc]{height:100%;min-width:0;grid-template-rows:minmax(0,1fr)}.app-shell-portal-brand[data-v-5b220abc] [data-ui-sidebar-brand]{display:none}.app-shell[data-v-5b220abc]>div{min-height:0}.app-shell[data-v-5b220abc] main{display:flex;flex-direction:column;overflow:hidden}.app-page[data-v-5b220abc]{flex:1 1 auto;min-height:0;overflow-y:auto}.app-denied[data-v-5b220abc]{height:100%;overflow-y:auto}.app-page-actions[data-v-5b220abc],.app-page-info[data-v-5b220abc]{display:contents}.app-shell-fill[data-v-5b220abc]{max-height:100dvh}.app-page-fill[data-v-5b220abc]{display:flex;flex-direction:column;overflow:hidden}.app-page-fill[data-v-5b220abc]>[data-page-content-body]{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-height:0}.app-page-fill .app-notices[data-v-5b220abc]{flex:0 0 auto}.app-page-fill .app-page-content[data-v-5b220abc]{display:grid;flex:1 1 auto;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0}.app-notices[data-v-5b220abc]{display:flex;flex-direction:column;gap:var(--ui-space-2, 8px)}.app-notices[hidden][data-v-5b220abc]{display:none}.app-page-content[data-v-5b220abc]{padding-bottom:var(--ui-space-6, 24px)}.page-info-notes[data-v-93861654]{display:grid;gap:6px;margin:0;padding-left:14px;list-style:disc;white-space:pre-line}.file-browser[data-v-f4863cea]{min-width:0;color:var(--ui-text)}.file-toolbar[data-v-f4863cea]{display:flex;flex-wrap:wrap;gap:var(--ui-space-2, 8px);margin-block:var(--ui-space-3, 12px)}.file-location[data-v-f4863cea]{flex-wrap:nowrap;align-items:center;gap:var(--ui-space-1, 4px)}.file-path[data-v-f4863cea]{flex:1;min-width:0;margin-inline-start:var(--ui-space-2, 8px)}.file-columns[data-v-f4863cea]{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,3fr);gap:var(--ui-space-3, 12px);height:clamp(240px,60vh,400px)}.file-tree[data-v-f4863cea]{min-width:0;overflow:auto;border-inline-end:1px solid var(--ui-border)}.file-content[data-v-f4863cea]{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:auto}.file-empty[data-v-f4863cea]{display:flex;flex-direction:column;align-items:center;gap:var(--ui-space-2, 8px);padding-block:var(--ui-space-6, 24px);color:var(--ui-text-muted)}.file-name[data-v-f4863cea]{display:inline-flex;align-items:center;gap:var(--ui-space-2, 8px);overflow-wrap:anywhere}.file-bytes[data-v-f4863cea]{font-variant-numeric:tabular-nums}.file-selection[data-v-f4863cea]{overflow-wrap:anywhere}@media(max-width:600px){.file-columns[data-v-f4863cea]{grid-template-columns:minmax(0,1fr);height:auto}.file-content[data-v-f4863cea] th:nth-child(2),.file-content[data-v-f4863cea] td:nth-child(2),.file-content[data-v-f4863cea] th:nth-child(3),.file-content[data-v-f4863cea] td:nth-child(3){display:none}.file-tree[data-v-f4863cea]{height:clamp(96px,25vh,180px);border-inline-end:0;border-bottom:1px solid var(--ui-border)}.file-content[data-v-f4863cea]{height:clamp(200px,45vh,360px)}}.nas-picker-content[data-v-08be5e1e]{max-height:65vh;overflow:auto}.save-message[data-v-08be5e1e]{--ui-text-secondary:var(--ui-text)}.save-consent[data-v-08be5e1e]{color:var(--ui-text);margin-block:0 var(--ui-space-4,16px)}.files-actions[data-v-b2e16764]{display:flex;flex-wrap:wrap;gap:var(--ui-space-2, 8px)}.files-path[data-v-b2e16764]{display:flex;min-width:0}.sf-state[data-v-273cff49]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-space-2,8px) var(--ui-space-3,12px);min-width:0;overflow-wrap:anywhere}.sf-notices[data-v-273cff49]{display:grid;gap:var(--ui-space-2,8px);min-width:0;max-width:100%;overflow-wrap:anywhere}.shared-folder-permission-issues[data-v-1fb917c7]{display:grid;gap:var(--ui-space-3,12px);padding-inline-start:var(--ui-space-5,20px);overflow-wrap:anywhere}.identity-login[data-v-06b2efdb]{max-width:36rem;margin-inline:auto;padding:var(--ui-space-4, 16px);overflow:auto;max-height:100%;color:var(--ui-text);font-family:var(--ui-font-sans);font-size:var(--ui-font-size, 13px);line-height:var(--ui-line-height, 20px)}.identity-login p[data-v-06b2efdb]{margin-block:var(--ui-space-4, 16px);overflow-wrap:anywhere}.bg-cards[data-v-85ff7ec5]{display:grid;gap:var(--ui-space-3,12px);min-width:0;overflow-wrap:anywhere}.bg-card-body[data-v-85ff7ec5]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-space-2,8px);min-width:0}.bg-card-body>span[data-v-85ff7ec5]{min-width:0;max-width:100%}.bg-card-body>.integration-actions[data-v-85ff7ec5]{margin-block:0}.integration-actions[data-v-85ff7ec5]{display:flex;flex-wrap:wrap;gap:var(--ui-space-2,8px);margin-block:var(--ui-space-3,12px)}.bg-schedules[data-v-85ff7ec5]{margin-block-start:var(--ui-space-6,24px);min-width:0;overflow-wrap:anywhere}.bg-schedules p[data-v-85ff7ec5]{min-width:0;max-width:100%}.bg-schedule-form[data-v-85ff7ec5]{margin-block:var(--ui-space-4,16px)}.bg-path[data-v-85ff7ec5]{display:flex;align-items:center;gap:var(--ui-space-2,8px);min-width:0;max-width:100%}.executor-pages[data-v-da0bbc2c]{display:contents}.executor-pages.executor-preloading[data-v-da0bbc2c]{display:block;position:fixed;inset:0;visibility:hidden;overflow:hidden;pointer-events:none}.executor-approval[data-v-da0bbc2c]{padding:var(--ui-space-6, 24px)}.executor-brand[data-v-da0bbc2c]{display:flex;align-items:center;gap:var(--ui-space-2, 8px);margin-bottom:var(--ui-space-4, 16px);font-size:var(--ui-font-size-title, 16px);font-weight:600;color:var(--ui-text)}.executor-brand img[data-v-da0bbc2c]{width:24px;height:24px}.delegate-panel[data-v-27a7b902]{min-width:0;overflow-wrap:anywhere}.delegate-group[data-v-27a7b902]{margin-top:var(--ui-space-6,24px)}.destination[data-v-27a7b902]{min-width:0;max-width:100%;overflow-wrap:anywhere}.destination[data-v-27a7b902]{display:flex;align-items:center;gap:var(--ui-space-2,8px)}.background-save-settings[data-v-34e785e2]{min-width:0;overflow-wrap:anywhere}.save-help[data-v-34e785e2]{margin:0 0 var(--ui-space-2,8px);max-width:72ch;color:var(--ui-text-secondary)}.save-form[data-v-34e785e2]{max-width:28rem}.save-actions[data-v-34e785e2],.save-alert[data-v-34e785e2]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ui-space-2,8px)}.save-alert[data-v-34e785e2]{justify-content:space-between}.save-actions[data-v-34e785e2] .ui-path-display{flex:1;min-width:0}.save-none[data-v-34e785e2]{flex:1;color:var(--ui-text-secondary)}.save-reason[data-v-34e785e2]{display:block;margin-top:var(--ui-space-1,4px);font-size:var(--ui-font-size-sm,12px)}.background-save-panel[data-v-05618cb8]{min-width:0;overflow-wrap:anywhere}.save-help[data-v-05618cb8]{margin:0 0 var(--ui-space-3,12px);max-width:72ch;color:var(--ui-text-secondary)}.save-actions[data-v-05618cb8]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ui-space-2,8px);margin-bottom:var(--ui-space-3,12px)}.authorization-view[data-v-e6c8e4e1]{display:flex;flex-direction:column;gap:var(--ui-space-3,12px)}.authorization-body[data-v-e6c8e4e1]{margin:0;font-size:var(--ui-font-size,13px);line-height:var(--ui-line-height,20px);color:var(--ui-text);text-wrap:pretty}.authorization-status[data-v-e6c8e4e1],.authorization-failed[data-v-e6c8e4e1]{color:var(--ui-text)}.authorization-content[data-v-e6c8e4e1]{display:flex;flex-direction:column;height:100%;min-height:0}.authorization-content[data-v-e6c8e4e1] .app-shell{flex:1;min-height:0;height:auto}.authorization-setting[data-v-8452013e]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ui-space-3,12px)}.authorization-revoke-body[data-v-8452013e]{margin:0;font-size:var(--ui-font-size,13px);line-height:var(--ui-line-height,20px);color:var(--ui-text)}.authorization-state[data-v-8452013e]{display:inline-flex;align-items:center;gap:6px;color:var(--ui-text)}
+.executor-upgrade[data-v-aa18745e]{padding:var(--ui-space-3,12px);border-radius:var(--ui-radius-md);background:var(--ui-surface-subtle);font-size:var(--ui-font-size,13px);line-height:var(--ui-line-height,20px);color:var(--ui-text);overflow-wrap:anywhere}.executor-upgrade p[data-v-aa18745e]{margin:0}.executor-upgrade p+p[data-v-aa18745e]{margin-top:var(--ui-space-1,4px)}.executor-upgrade .executor-upgrade-title[data-v-aa18745e]{font-weight:600;margin-bottom:var(--ui-space-2,8px)}.executor-upgrade dl[data-v-aa18745e]{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ui-space-1,4px);margin:var(--ui-space-2,8px) 0 0}.executor-upgrade dt[data-v-aa18745e]{font-weight:600}.executor-upgrade dd[data-v-aa18745e]{margin:0 0 var(--ui-space-1,4px)}.executor-upgrade code[data-v-aa18745e]{font-size:var(--ui-font-size-sm,12px)}.executor-upgrade details[data-v-aa18745e]{margin-top:var(--ui-space-2,8px)}.executor-upgrade summary[data-v-aa18745e]{cursor:pointer;color:var(--ui-primary)}.executor-upgrade ul[data-v-aa18745e]{padding-left:var(--ui-space-4,16px);margin:var(--ui-space-2,8px) 0 0}.executor-upgrade pre[data-v-aa18745e]{white-space:pre-wrap;overflow-wrap:anywhere;margin:var(--ui-space-1,4px) 0}.executor-consent[data-v-f93b77c1]{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:var(--ui-space-3,12px);max-width:640px;overflow-wrap:anywhere}.executor-consent-icon[data-v-f93b77c1]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--ui-primary-soft);color:var(--ui-primary)}.executor-consent-body[data-v-f93b77c1]{display:flex;flex-direction:column;gap:var(--ui-space-4,16px);min-width:0}.executor-consent-title[data-v-f93b77c1]{margin:6px 0 var(--ui-space-1,4px);font-size:var(--ui-font-size-lg,14px);font-weight:600;line-height:var(--ui-line-height,20px);color:var(--ui-text)}.executor-consent-lead[data-v-f93b77c1]{margin:0;font-size:var(--ui-font-size,13px);line-height:var(--ui-line-height,20px);color:var(--ui-text);text-wrap:pretty}.executor-consent-ask[data-v-f93b77c1]{margin-top:var(--ui-space-2,8px)}.executor-consent-page[data-v-f93b77c1]{grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:var(--ui-space-3,12px);box-sizing:border-box;width:100%;max-width:480px;margin:var(--ui-space-6,24px) auto;padding:var(--ui-space-6,24px);border:1px solid var(--ui-border-subtle);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-card)}.executor-consent-page .executor-consent-icon[data-v-f93b77c1]{width:48px;height:48px}.executor-consent-page .executor-consent-body[data-v-f93b77c1]{width:100%;gap:var(--ui-space-5,20px)}.executor-consent-page .executor-consent-head[data-v-f93b77c1]{text-align:center}.executor-consent-page .executor-consent-title[data-v-f93b77c1]{margin-top:0;font-size:var(--ui-font-size-title,16px);line-height:24px}.executor-consent-more summary[data-v-f93b77c1]{display:inline-flex;align-items:center;gap:var(--ui-space-1,4px);cursor:pointer;list-style:none;font-size:var(--ui-font-size,13px);line-height:var(--ui-line-height,20px);color:var(--ui-primary);border-radius:var(--ui-radius-sm)}.executor-consent-more summary[data-v-f93b77c1]::-webkit-details-marker{display:none}.executor-consent-more summary[data-v-f93b77c1]:focus-visible{outline:none;box-shadow:var(--ui-shadow-focus)}.executor-consent-chevron[data-v-f93b77c1]{transition:transform .15s}.executor-consent-more[open] .executor-consent-chevron[data-v-f93b77c1]{transform:rotate(90deg)}.executor-consent-more ul[data-v-f93b77c1]{margin:var(--ui-space-2,8px) 0 0;padding:var(--ui-space-3,12px) var(--ui-space-4,16px) var(--ui-space-3,12px) 32px;border-radius:var(--ui-radius-md);background:var(--ui-surface-subtle);list-style:disc;font-size:var(--ui-font-size,13px);line-height:var(--ui-line-height,20px);color:var(--ui-text)}.executor-consent-more li+li[data-v-f93b77c1]{margin-top:var(--ui-space-1,4px)}@media(prefers-reduced-motion:reduce){.executor-consent-chevron[data-v-f93b77c1]{transition:none}}.executor-summary[data-v-b666a69c]:not(:last-child){margin-bottom:var(--ui-space-3,12px)}.executor-form[data-v-b666a69c]{max-width:28rem}.executor-summary+.executor-form[data-v-b666a69c],.ui-callout+div>.executor-form[data-v-b666a69c]{margin-top:var(--ui-space-4,16px)}.executor-reason[data-v-b666a69c]{display:block;margin-top:var(--ui-space-1,4px);font-size:var(--ui-font-size-sm,12px)}.executor-alert[data-v-b666a69c]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--ui-space-2,8px)}.executor-notice-body[data-v-5468feb3]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--ui-space-2, 8px)}.app-shell[data-v-bf0d4850]{height:100%;min-width:0}.app-shell[data-v-bf0d4850]:not([data-ui-navigation=top]){grid-template-rows:minmax(0,1fr)}.app-shell-portal-brand[data-v-bf0d4850] [data-ui-sidebar-brand]{display:none}.app-shell[data-v-bf0d4850]>div{min-height:0}.app-shell[data-v-bf0d4850] main{display:flex;flex-direction:column;overflow:hidden}.app-page[data-v-bf0d4850]{flex:1 1 auto;min-height:0;overflow-y:auto}.app-denied[data-v-bf0d4850]{height:100%;overflow-y:auto}.app-page-actions[data-v-bf0d4850],.app-page-info[data-v-bf0d4850]{display:contents}.app-shell-fill[data-v-bf0d4850]{max-height:100dvh}.app-page-fill[data-v-bf0d4850]{display:flex;flex-direction:column;overflow:hidden}.app-page-fill[data-v-bf0d4850]>[data-page-content-body]{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-height:0}.app-page-fill .app-notices[data-v-bf0d4850]{flex:0 0 auto}.app-page-fill .app-page-content[data-v-bf0d4850]{display:grid;flex:1 1 auto;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0}.app-notices[data-v-bf0d4850]{display:flex;flex-direction:column;gap:var(--ui-space-2, 8px)}.app-notices[hidden][data-v-bf0d4850]{display:none}.app-page-content[data-v-bf0d4850]{padding-bottom:var(--ui-space-6, 24px)}.page-info-notes[data-v-93861654]{display:grid;gap:6px;margin:0;padding-left:14px;list-style:disc;white-space:pre-line}.file-browser[data-v-f4863cea]{min-width:0;color:var(--ui-text)}.file-toolbar[data-v-f4863cea]{display:flex;flex-wrap:wrap;gap:var(--ui-space-2, 8px);margin-block:var(--ui-space-3, 12px)}.file-location[data-v-f4863cea]{flex-wrap:nowrap;align-items:center;gap:var(--ui-space-1, 4px)}.file-path[data-v-f4863cea]{flex:1;min-width:0;margin-inline-start:var(--ui-space-2, 8px)}.file-columns[data-v-f4863cea]{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,3fr);gap:var(--ui-space-3, 12px);height:clamp(240px,60vh,400px)}.file-tree[data-v-f4863cea]{min-width:0;overflow:auto;border-inline-end:1px solid var(--ui-border)}.file-content[data-v-f4863cea]{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:auto}.file-empty[data-v-f4863cea]{display:flex;flex-direction:column;align-items:center;gap:var(--ui-space-2, 8px);padding-block:var(--ui-space-6, 24px);color:var(--ui-text-muted)}.file-name[data-v-f4863cea]{display:inline-flex;align-items:center;gap:var(--ui-space-2, 8px);overflow-wrap:anywhere}.file-bytes[data-v-f4863cea]{font-variant-numeric:tabular-nums}.file-selection[data-v-f4863cea]{overflow-wrap:anywhere}@media(max-width:600px){.file-columns[data-v-f4863cea]{grid-template-columns:minmax(0,1fr);height:auto}.file-content[data-v-f4863cea] th:nth-child(2),.file-content[data-v-f4863cea] td:nth-child(2),.file-content[data-v-f4863cea] th:nth-child(3),.file-content[data-v-f4863cea] td:nth-child(3){display:none}.file-tree[data-v-f4863cea]{height:clamp(96px,25vh,180px);border-inline-end:0;border-bottom:1px solid var(--ui-border)}.file-content[data-v-f4863cea]{height:clamp(200px,45vh,360px)}}.nas-picker-content[data-v-08be5e1e]{max-height:65vh;overflow:auto}.save-message[data-v-08be5e1e]{--ui-text-secondary:var(--ui-text)}.save-consent[data-v-08be5e1e]{color:var(--ui-text);margin-block:0 var(--ui-space-4,16px)}.files-actions[data-v-b2e16764]{display:flex;flex-wrap:wrap;gap:var(--ui-space-2, 8px)}.files-path[data-v-b2e16764]{display:flex;min-width:0}.sf-state[data-v-273cff49]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-space-2,8px) var(--ui-space-3,12px);min-width:0;overflow-wrap:anywhere}.sf-notices[data-v-273cff49]{display:grid;gap:var(--ui-space-2,8px);min-width:0;max-width:100%;overflow-wrap:anywhere}.shared-folder-permission-issues[data-v-1fb917c7]{display:grid;gap:var(--ui-space-3,12px);padding-inline-start:var(--ui-space-5,20px);overflow-wrap:anywhere}.identity-login[data-v-06b2efdb]{max-width:36rem;margin-inline:auto;padding:var(--ui-space-4, 16px);overflow:auto;max-height:100%;color:var(--ui-text);font-family:var(--ui-font-sans);font-size:var(--ui-font-size, 13px);line-height:var(--ui-line-height, 20px)}.identity-login p[data-v-06b2efdb]{margin-block:var(--ui-space-4, 16px);overflow-wrap:anywhere}.bg-cards[data-v-85ff7ec5]{display:grid;gap:var(--ui-space-3,12px);min-width:0;overflow-wrap:anywhere}.bg-card-body[data-v-85ff7ec5]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-space-2,8px);min-width:0}.bg-card-body>span[data-v-85ff7ec5]{min-width:0;max-width:100%}.bg-card-body>.integration-actions[data-v-85ff7ec5]{margin-block:0}.integration-actions[data-v-85ff7ec5]{display:flex;flex-wrap:wrap;gap:var(--ui-space-2,8px);margin-block:var(--ui-space-3,12px)}.bg-schedules[data-v-85ff7ec5]{margin-block-start:var(--ui-space-6,24px);min-width:0;overflow-wrap:anywhere}.bg-schedules p[data-v-85ff7ec5]{min-width:0;max-width:100%}.bg-schedule-form[data-v-85ff7ec5]{margin-block:var(--ui-space-4,16px)}.bg-path[data-v-85ff7ec5]{display:flex;align-items:center;gap:var(--ui-space-2,8px);min-width:0;max-width:100%}.executor-pages[data-v-da0bbc2c]{display:contents}.executor-pages.executor-preloading[data-v-da0bbc2c]{display:block;position:fixed;inset:0;visibility:hidden;overflow:hidden;pointer-events:none}.executor-approval[data-v-da0bbc2c]{padding:var(--ui-space-6, 24px)}.executor-brand[data-v-da0bbc2c]{display:flex;align-items:center;gap:var(--ui-space-2, 8px);margin-bottom:var(--ui-space-4, 16px);font-size:var(--ui-font-size-title, 16px);font-weight:600;color:var(--ui-text)}.executor-brand img[data-v-da0bbc2c]{width:24px;height:24px}.delegate-panel[data-v-27a7b902]{min-width:0;overflow-wrap:anywhere}.delegate-group[data-v-27a7b902]{margin-top:var(--ui-space-6,24px)}.destination[data-v-27a7b902]{min-width:0;max-width:100%;overflow-wrap:anywhere}.destination[data-v-27a7b902]{display:flex;align-items:center;gap:var(--ui-space-2,8px)}.background-save-settings[data-v-34e785e2]{min-width:0;overflow-wrap:anywhere}.save-help[data-v-34e785e2]{margin:0 0 var(--ui-space-2,8px);max-width:72ch;color:var(--ui-text-secondary)}.save-form[data-v-34e785e2]{max-width:28rem}.save-actions[data-v-34e785e2],.save-alert[data-v-34e785e2]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ui-space-2,8px)}.save-alert[data-v-34e785e2]{justify-content:space-between}.save-actions[data-v-34e785e2] .ui-path-display{flex:1;min-width:0}.save-none[data-v-34e785e2]{flex:1;color:var(--ui-text-secondary)}.save-reason[data-v-34e785e2]{display:block;margin-top:var(--ui-space-1,4px);font-size:var(--ui-font-size-sm,12px)}.background-save-panel[data-v-05618cb8]{min-width:0;overflow-wrap:anywhere}.save-help[data-v-05618cb8]{margin:0 0 var(--ui-space-3,12px);max-width:72ch;color:var(--ui-text-secondary)}.save-actions[data-v-05618cb8]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ui-space-2,8px);margin-bottom:var(--ui-space-3,12px)}.authorization-view[data-v-e6c8e4e1]{display:flex;flex-direction:column;gap:var(--ui-space-3,12px)}.authorization-body[data-v-e6c8e4e1]{margin:0;font-size:var(--ui-font-size,13px);line-height:var(--ui-line-height,20px);color:var(--ui-text);text-wrap:pretty}.authorization-status[data-v-e6c8e4e1],.authorization-failed[data-v-e6c8e4e1]{color:var(--ui-text)}.authorization-content[data-v-e6c8e4e1]{display:flex;flex-direction:column;height:100%;min-height:0}.authorization-content[data-v-e6c8e4e1] .app-shell{flex:1;min-height:0;height:auto}.authorization-setting[data-v-8452013e]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ui-space-3,12px)}.authorization-revoke-body[data-v-8452013e]{margin:0;font-size:var(--ui-font-size,13px);line-height:var(--ui-line-height,20px);color:var(--ui-text)}.authorization-state[data-v-8452013e]{display:inline-flex;align-items:center;gap:6px;color:var(--ui-text)}

package/dist/vue.js

@@ -777,6 +777,7 @@ const Nt = ["aria-label"], Vt = { class: "executor-upgrade-title" }, Lt = { key:
     description: {},
     ctx: {},
     wideLayout: {},
+    navigation: {},
     sidebarStorageKey: {},
     brandName: {},
     brandIcon: {},
@@ -865,6 +866,7 @@ const Nt = ["aria-label"], Vt = { class: "executor-upgrade-title" }, Lt = { key:
               "min-height": "0",
               "wide-layout": t.wideLayout ?? (_.value ? "web" : "window"),
               "sidebar-storage-key": t.sidebarStorageKey,
+              navigation: t.navigation,
               "brand-name": t.brandName ?? t.ctx?.displayName,
               "brand-icon": t.brandIcon ?? t.ctx?.appIcon
             }, ta({
@@ -949,7 +951,7 @@ const Nt = ["aria-label"], Vt = { class: "executor-upgrade-title" }, Lt = { key:
                 ]),
                 key: "1"
               } : void 0
-            ]), 1032, ["class", "wide-layout", "sidebar-storage-key", "brand-name", "brand-icon"]))
+            ]), 1032, ["class", "wide-layout", "sidebar-storage-key", "navigation", "brand-name", "brand-icon"]))
           ]),
           _: 3
         }, 16))
@@ -957,7 +959,7 @@ const Nt = ["aria-label"], Vt = { class: "executor-upgrade-title" }, Lt = { key:
       _: 3
     }, 16));
   }
-}), $s = /* @__PURE__ */ pe(hl, [["__scopeId", "data-v-5b220abc"]]), Ss = /* @__PURE__ */ ce({
+}), $s = /* @__PURE__ */ pe(hl, [["__scopeId", "data-v-bf0d4850"]]), Ss = /* @__PURE__ */ ce({
   __name: "PageActions",
   setup(t) {
     const v = Te(Oa, null), n = w(() => v?.value ?? null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synopackageland/sdk",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "description": "Frontend SDK for DSM packages built with synopkgland: headless client and Vue components",
   "license": "MIT",
   "homepage": "https://github.com/synopackageland/syno-pkg-land-sdk/tree/main/ts#readme",
@@ -57,7 +57,7 @@
   },
   "devDependencies": {
     "@lucide/vue": "1.48.0",
-    "@synopackageland/ui": "0.13.0",
+    "@synopackageland/ui": "0.13.1",
     "@types/node": "24.19.2",
     "@vitejs/plugin-vue": "6.0.9",
     "jsdom": "29.1.1",