@revenexx/studio-shared 0.3.3 → 0.4.0

package/dist/runtime/components/Shared/RecordRailCard.vue.d.ts

@@ -16,8 +16,9 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_3) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/Shared/SidebarNav.d.vue.ts

@@ -14,7 +14,9 @@
 import type { Component } from 'vue';
 import type { SidebarNavSection } from '../../types/nav.js';
 export type { SidebarNavItem, SidebarNavSection } from '../../types/nav.js';
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     title: string;
     icon?: Component;
     sections: SidebarNavSection[];
@@ -33,7 +35,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 } & {
     notice?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/Shared/SidebarNav.vue.d.ts

@@ -14,7 +14,9 @@
 import type { Component } from 'vue';
 import type { SidebarNavSection } from '../../types/nav.js';
 export type { SidebarNavItem, SidebarNavSection } from '../../types/nav.js';
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     title: string;
     icon?: Component;
     sections: SidebarNavSection[];
@@ -33,7 +35,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 } & {
     notice?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/Shared/SidebarNavLink.d.vue.ts

@@ -11,5 +11,6 @@ import type { SidebarNavItem } from '../../types/nav.js';
 type __VLS_Props = {
     item: SidebarNavItem;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Shared/SidebarNavLink.vue.d.ts

@@ -11,5 +11,6 @@ import type { SidebarNavItem } from '../../types/nav.js';
 type __VLS_Props = {
     item: SidebarNavItem;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Shared/SortHeader.d.vue.ts

@@ -9,12 +9,13 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     toggle: (column: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onToggle?: ((column: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/Shared/SortHeader.vue.d.ts

@@ -9,12 +9,13 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     toggle: (column: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onToggle?: ((column: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/Shared/StateCard.d.vue.ts

@@ -14,16 +14,17 @@ type __VLS_Props = {
     title: string;
     description?: string;
 };
-declare var __VLS_22: {}, __VLS_28: {};
+declare var __VLS_31: {}, __VLS_39: {};
 type __VLS_Slots = {} & {
-    description?: (props: typeof __VLS_22) => any;
+    description?: (props: typeof __VLS_31) => any;
 } & {
-    actions?: (props: typeof __VLS_28) => any;
+    actions?: (props: typeof __VLS_39) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     variant: Variant;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/Shared/StateCard.vue.d.ts

@@ -14,16 +14,17 @@ type __VLS_Props = {
     title: string;
     description?: string;
 };
-declare var __VLS_22: {}, __VLS_28: {};
+declare var __VLS_31: {}, __VLS_39: {};
 type __VLS_Slots = {} & {
-    description?: (props: typeof __VLS_22) => any;
+    description?: (props: typeof __VLS_31) => any;
 } & {
-    actions?: (props: typeof __VLS_28) => any;
+    actions?: (props: typeof __VLS_39) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     variant: Variant;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/Shared/StudioCard.d.vue.ts

@@ -1,12 +1,13 @@
 type __VLS_Props = {
     to?: string;
 };
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/Shared/StudioCard.vue.d.ts

@@ -1,12 +1,13 @@
 type __VLS_Props = {
     to?: string;
 };
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/Shared/TabBar.d.vue.ts

@@ -1,23 +1,3 @@
-/**
- * Underline tab bar — the standard cockpit tabs. A full-width hairline sits
- * behind the row; the active/hover indicator is a 2px bar spanning exactly the
- * label width (inset-x-2.5 = the button's px-2.5), sitting on the baseline over
- * the hairline. Active = primary; hover = soft primary. Tabs scroll
- * horizontally on overflow. To bleed the line to the panel edges, pass e.g.
- * `class="-mx-4 px-4"` from a padded page.
- *
- * ## `sticky`
- *
- * On by default, because the original job was a detail page: the row glues
- * itself to the bottom of the sticky `PageHeader` (hence the magic `57px`) and
- * frosts its background so content scrolls through.
- *
- * Off for a row INSIDE a panel — the queue tabs between a DataTable's toolbar
- * and its header, say. There the offset is wrong (there is no page header above
- * it) and the frosted layer is worse than nothing, because the panel already
- * has a background of its own and the blur only muddies the rows scrolling past
- * underneath. Same tabs, same indicator, same hairline; just not pinned.
- */
 export interface TabItem {
     key: string;
     label: string;
@@ -28,12 +8,15 @@ type __VLS_Props = {
     modelValue: string;
     /** Pin to the page header. Off for a bar inside a panel. */
     sticky?: boolean;
+    /** Accessible name of the tab list. */
+    label?: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (key: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((key: string) => any) | undefined;
 }>, {
     sticky: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Shared/TabBar.vue

@@ -1,10 +1,23 @@
 <script setup>
-defineProps({
+import { ref } from "vue";
+const props = defineProps({
   tabs: { type: Array, required: true },
   modelValue: { type: String, required: true },
-  sticky: { type: Boolean, required: false, default: true }
+  sticky: { type: Boolean, required: false, default: true },
+  label: { type: String, required: false }
 });
-defineEmits(["update:modelValue"]);
+const emit = defineEmits(["update:modelValue"]);
+const buttons = ref([]);
+function onKeydown(event, index) {
+  const last = props.tabs.length - 1;
+  const next = event.key === "ArrowRight" ? index === last ? 0 : index + 1 : event.key === "ArrowLeft" ? index === 0 ? last : index - 1 : event.key === "Home" ? 0 : event.key === "End" ? last : -1;
+  if (next < 0) return;
+  event.preventDefault();
+  const tab = props.tabs[next];
+  if (!tab) return;
+  emit("update:modelValue", tab.key);
+  buttons.value[next]?.focus();
+}
 </script>
 
 <template>
@@ -15,14 +28,19 @@ defineEmits(["update:modelValue"]);
   <div :class="sticky ? 'sticky top-[57px] z-10 bg-white/40 backdrop-blur-xl' : 'relative'">
     <!-- Pull the row out by the tab padding so the first/last label sits flush
          with the surrounding content (headline) edges. -->
-    <div class="relative z-10 -mx-2.5 flex gap-1 overflow-x-auto">
+    <div class="relative z-10 -mx-2.5 flex gap-1 overflow-x-auto" role="tablist" :aria-label="label">
       <button
-        v-for="t in tabs"
+        v-for="(t, index) in tabs"
         :key="t.key"
+        ref="buttons"
         type="button"
+        role="tab"
+        :aria-selected="modelValue === t.key"
+        :tabindex="modelValue === t.key || !tabs.some((x) => x.key === modelValue) && index === 0 ? 0 : -1"
         class="group relative shrink-0 cursor-pointer whitespace-nowrap px-2.5 py-2 text-sm font-medium transition-colors"
         :class="modelValue === t.key ? 'text-[#0B0522] hover:text-primary' : 'text-[#0B0522]/80 hover:text-primary'"
-        @click="$emit('update:modelValue', t.key)"
+        @click="emit('update:modelValue', t.key)"
+        @keydown="onKeydown($event, index)"
       >
         {{ t.label }}
         <span

package/dist/runtime/components/Shared/TabBar.vue.d.ts

@@ -1,23 +1,3 @@
-/**
- * Underline tab bar — the standard cockpit tabs. A full-width hairline sits
- * behind the row; the active/hover indicator is a 2px bar spanning exactly the
- * label width (inset-x-2.5 = the button's px-2.5), sitting on the baseline over
- * the hairline. Active = primary; hover = soft primary. Tabs scroll
- * horizontally on overflow. To bleed the line to the panel edges, pass e.g.
- * `class="-mx-4 px-4"` from a padded page.
- *
- * ## `sticky`
- *
- * On by default, because the original job was a detail page: the row glues
- * itself to the bottom of the sticky `PageHeader` (hence the magic `57px`) and
- * frosts its background so content scrolls through.
- *
- * Off for a row INSIDE a panel — the queue tabs between a DataTable's toolbar
- * and its header, say. There the offset is wrong (there is no page header above
- * it) and the frosted layer is worse than nothing, because the panel already
- * has a background of its own and the blur only muddies the rows scrolling past
- * underneath. Same tabs, same indicator, same hairline; just not pinned.
- */
 export interface TabItem {
     key: string;
     label: string;
@@ -28,12 +8,15 @@ type __VLS_Props = {
     modelValue: string;
     /** Pin to the page header. Off for a bar inside a panel. */
     sticky?: boolean;
+    /** Accessible name of the tab list. */
+    label?: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (key: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((key: string) => any) | undefined;
 }>, {
     sticky: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Shared/ViewTab.d.vue.ts

@@ -3,5 +3,6 @@ type __VLS_Props = {
     icon?: unknown;
     label: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Shared/ViewTab.vue.d.ts

@@ -3,5 +3,6 @@ type __VLS_Props = {
     icon?: unknown;
     label: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Shared/Wizard.d.vue.ts

@@ -10,16 +10,18 @@ type __VLS_Props = {
     canAdvance?: boolean;
     busy?: boolean;
 };
+declare function back(): void;
+declare function next(): void;
 declare var __VLS_1: {
     step: any;
     index: any;
 }, __VLS_3: {
-    back: any;
-    next: any;
+    back: typeof back;
+    next: typeof next;
     isFirst: any;
     isLast: any;
-    canAdvance: any;
-    busy: any;
+    canAdvance: boolean;
+    busy: boolean;
     index: any;
 };
 type __VLS_Slots = {} & {
@@ -27,7 +29,7 @@ type __VLS_Slots = {} & {
 } & {
     footer?: (props: typeof __VLS_3) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (args_0: number) => any;
     finish: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
@@ -35,10 +37,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     onFinish?: (() => any) | undefined;
 }>, {
     modelValue: number;
-    canAdvance: boolean;
     busy: boolean;
+    canAdvance: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/Shared/Wizard.vue.d.ts

@@ -10,16 +10,18 @@ type __VLS_Props = {
     canAdvance?: boolean;
     busy?: boolean;
 };
+declare function back(): void;
+declare function next(): void;
 declare var __VLS_1: {
     step: any;
     index: any;
 }, __VLS_3: {
-    back: any;
-    next: any;
+    back: typeof back;
+    next: typeof next;
     isFirst: any;
     isLast: any;
-    canAdvance: any;
-    busy: any;
+    canAdvance: boolean;
+    busy: boolean;
     index: any;
 };
 type __VLS_Slots = {} & {
@@ -27,7 +29,7 @@ type __VLS_Slots = {} & {
 } & {
     footer?: (props: typeof __VLS_3) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (args_0: number) => any;
     finish: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
@@ -35,10 +37,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     onFinish?: (() => any) | undefined;
 }>, {
     modelValue: number;
-    canAdvance: boolean;
     busy: boolean;
+    canAdvance: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/composables/useDetailSheet.d.ts

@@ -0,0 +1,20 @@
+import type { ComputedRef, MaybeRefOrGetter, WritableComputedRef } from 'vue';
+export interface DetailSheetBinding {
+    /** The open record's id, or `null` when the panel is shut. */
+    openId: ComputedRef<string | null>;
+    /** For `v-model:open` — writing `false` closes. */
+    isOpen: WritableComputedRef<boolean>;
+    open: (id: string) => void;
+    close: () => void;
+    /** Move to the neighbouring record in `ids`; a no-op at either end. */
+    step: (dir: -1 | 1) => void;
+    /** Whether `step(-1)` / `step(1)` would land anywhere — for the panel's arrow buttons. */
+    canStep: ComputedRef<{
+        prev: boolean;
+        next: boolean;
+    }>;
+}
+export declare function useDetailSheet(key: string, options?: {
+    /** The records in the order the list shows them, for `step`. */
+    ids?: MaybeRefOrGetter<readonly string[]>;
+}): DetailSheetBinding;

package/dist/runtime/composables/useDetailSheet.js

@@ -0,0 +1,50 @@
+import { computed, toValue, watch } from "vue";
+import { idFromQuery, neighbourId, queryWith } from "../lib/detailSheet.js";
+const MARKER = "detailSheet";
+export function useDetailSheet(key, options = {}) {
+  const route = useRoute();
+  const router = useRouter();
+  const openId = computed(() => idFromQuery(route.query[key]));
+  function pushedHere() {
+    if (typeof window === "undefined") return false;
+    return window.history.state?.[MARKER] === key;
+  }
+  let closing = false;
+  watch(openId, (id) => {
+    if (id === null) closing = false;
+  });
+  function open(id) {
+    if (openId.value === id) return;
+    closing = false;
+    const query = queryWith(route.query, key, id);
+    if (openId.value === null) {
+      void router.push({ query, state: { [MARKER]: key } });
+    } else {
+      void router.replace({ query, state: pushedHere() ? { [MARKER]: key } : {} });
+    }
+  }
+  function close() {
+    if (openId.value === null || closing) return;
+    closing = true;
+    if (pushedHere()) router.back();
+    else void router.replace({ query: queryWith(route.query, key, null) });
+  }
+  function step(dir) {
+    const next = neighbourId(toValue(options.ids) ?? [], openId.value, dir);
+    if (next !== null) open(next);
+  }
+  const canStep = computed(() => {
+    const ids = toValue(options.ids) ?? [];
+    return {
+      prev: neighbourId(ids, openId.value, -1) !== null,
+      next: neighbourId(ids, openId.value, 1) !== null
+    };
+  });
+  const isOpen = computed({
+    get: () => openId.value !== null,
+    set: (v) => {
+      if (!v) close();
+    }
+  });
+  return { openId, isOpen, open, close, step, canStep };
+}

package/dist/runtime/composables/usePlatformTenant.d.ts

@@ -9,6 +9,12 @@ import type { Ref } from 'vue';
  */
 export interface PlatformTenant {
     slug: Ref<string | null>;
+    /**
+     * Resolves once the active tenant is known, or once it is clear there is
+     * none yet (bounded — the host decides how long). Never throws. Callers that
+     * send tenant-scoped requests use `requirePlatformTenant` from
+     * `@revenexx/studio-shared/lib/activeTenant` instead of reading `slug`.
+     */
     load: () => Promise<void>;
 }
 export declare function usePlatformTenant(): PlatformTenant;

package/dist/runtime/lib/activeTenant.d.ts

@@ -0,0 +1,58 @@
+/**
+ * The active tenant, as every tenant-scoped client sends it (PE-828).
+ *
+ * The contract the Cockpit shares with Console, Baseline and every gateway:
+ * each tenant-scoped request carries the active tenant slug in a header, and
+ * the service checks it against the token. The header only SELECTS a tenant
+ * the token already holds; it never grants one.
+ *
+ * Before this helper each client had its own copy of "send the header if we
+ * happen to know the slug", and most of them sent the request without it while
+ * the top-bar selection was still resolving. In an org with two tenants that
+ * is an ambiguous request, which the services answer with 400/403/422.
+ *
+ * So the rule is now one function: wait (bounded) for the active tenant, and
+ * refuse to send a tenant-scoped request when there is none. A missing tenant
+ * is a `NoActiveTenantError`, which the UI shows as "pick a tenant".
+ *
+ * Pure (Vue only), so the cockpit, studio-commerce and their tests share it.
+ */
+import { type Ref } from 'vue';
+/** The header the platform, Console, Baseline and most gateways read. */
+export declare const TENANT_HEADER = "X-Revenexx-Tenant";
+/** The header the AI gateway, Aria and integrations read instead. */
+export declare const TENANT_ID_HEADER = "X-Tenant-Id";
+/** How long a request waits for the active tenant before it gives up. */
+export declare const TENANT_WAIT_MS = 8000;
+export declare class NoActiveTenantError extends Error {
+    readonly status = 400;
+    readonly code = "no_active_tenant";
+    constructor(message?: string);
+}
+/** True for the error `requireTenant` throws, across bundle copies. */
+export declare function isNoActiveTenant(err: unknown): err is NoActiveTenantError;
+/**
+ * Wait for a shared ref to hold a value, bounded (RAD-182).
+ *
+ * Loads what can be loaded, then waits until the value arrives or `timeoutMs`
+ * passes. Resolves null on timeout; never throws.
+ */
+export declare function waitForValue<T>(source: Ref<T | null | undefined>, load: () => Promise<unknown>, timeoutMs?: number): Promise<T | null>;
+/** Anything that can name the active tenant: `useConsoleTenants`, `usePlatformTenant`. */
+export interface TenantSource {
+    slug: Ref<string | null>;
+    load: () => Promise<unknown>;
+}
+/**
+ * The active tenant slug, or a `NoActiveTenantError`.
+ *
+ * Never returns null: a caller that gets past this line has a tenant to send.
+ */
+export declare function requireTenant(source: TenantSource, timeoutMs?: number): Promise<string>;
+/**
+ * The active tenant from a `usePlatformTenant()` seam, or a `NoActiveTenantError`.
+ *
+ * The seam's `load` already waits for the selection (the host bounds it), so
+ * nothing is waited for twice here.
+ */
+export declare function requirePlatformTenant(tenant: TenantSource): Promise<string>;

package/dist/runtime/lib/activeTenant.js

@@ -0,0 +1,45 @@
+import { watch } from "vue";
+export const TENANT_HEADER = "X-Revenexx-Tenant";
+export const TENANT_ID_HEADER = "X-Tenant-Id";
+export const TENANT_WAIT_MS = 8e3;
+export class NoActiveTenantError extends Error {
+  status = 400;
+  code = "no_active_tenant";
+  constructor(message = "No active tenant. Pick one in the top bar.") {
+    super(message);
+    this.name = "NoActiveTenantError";
+  }
+}
+export function isNoActiveTenant(err) {
+  return err?.code === "no_active_tenant";
+}
+export async function waitForValue(source, load, timeoutMs = TENANT_WAIT_MS) {
+  if (source.value) return source.value;
+  try {
+    await load();
+  } catch {
+  }
+  if (source.value) return source.value;
+  if (timeoutMs <= 0) return null;
+  return await new Promise((resolve) => {
+    let stop = null;
+    const timer = setTimeout(() => {
+      stop?.();
+      resolve(null);
+    }, timeoutMs);
+    stop = watch(source, (value) => {
+      if (!value) return;
+      clearTimeout(timer);
+      stop?.();
+      resolve(value);
+    });
+  });
+}
+export async function requireTenant(source, timeoutMs = TENANT_WAIT_MS) {
+  const slug = await waitForValue(source.slug, source.load, timeoutMs);
+  if (!slug) throw new NoActiveTenantError();
+  return slug;
+}
+export function requirePlatformTenant(tenant) {
+  return requireTenant(tenant, 0);
+}