@revenexx/studio-shared 0.3.2 → 0.4.0

package/dist/runtime/components/Shared/RecordRailCard.d.vue.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/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

@@ -18,11 +18,15 @@ const sortIcon = computed(() => {
 <template>
   <button
     type="button"
-    class="group inline-flex cursor-pointer items-center gap-1.5 -m-1 p-1 rounded-md text-left transition-colors hover:text-primary"
+    class="group inline-flex min-w-0 max-w-full cursor-pointer items-center gap-1.5 -m-1 p-1 rounded-md text-left transition-colors hover:text-primary"
     :class="alignRight ? 'flex-row-reverse w-full justify-end' : ''"
     @click="emit('toggle', column)"
   >
-    <slot />
+    <!-- The label truncates. Without this the button is as wide as its words
+         and a heading longer than its column simply prints over the next one —
+         "SortierungGeändert" on a category list, with no hint that two columns
+         are involved. The cell carries the full text as its `title`. -->
+    <span class="min-w-0 truncate"><slot /></span>
     <component
       :is="sortIcon"
       weight="Linear"

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,11 +1,3 @@
-/**
- * Underline tab bar — the standard cockpit detail-page tabs. A full-width
- * hairline sits behind the row; the active/hover indicator is a 2px bar that
- * spans exactly the label width (inset-x-3 = the px-3 padding), 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.
- */
 export interface TabItem {
     key: string;
     label: string;
@@ -14,10 +6,17 @@ export interface TabItem {
 type __VLS_Props = {
     tabs: TabItem[];
     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;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    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,9 +1,23 @@
 <script setup>
-defineProps({
+import { ref } from "vue";
+const props = defineProps({
   tabs: { type: Array, required: true },
-  modelValue: { type: String, required: true }
+  modelValue: { type: String, required: 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>
@@ -11,17 +25,22 @@ defineEmits(["update:modelValue"]);
        pt-4 pb-3 + text-xl line + 1px border) so header and tabs stay glued as
        one unit while the panel scrolls. Glassy frosted bg (blur + low opacity)
        lets content scroll through. -->
-  <div class="sticky top-[57px] z-10 bg-white/40 backdrop-blur-xl">
+  <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,11 +1,3 @@
-/**
- * Underline tab bar — the standard cockpit detail-page tabs. A full-width
- * hairline sits behind the row; the active/hover indicator is a 2px bar that
- * spans exactly the label width (inset-x-3 = the px-3 padding), 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.
- */
 export interface TabItem {
     key: string;
     label: string;
@@ -14,10 +6,17 @@ export interface TabItem {
 type __VLS_Props = {
     tabs: TabItem[];
     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;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    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/useDashboards.d.ts

@@ -0,0 +1,27 @@
+import type { ComputedRef } from 'vue';
+import type { Dashboard, DashboardScope, DashboardWritePayload } from '../types/dashboard.js';
+export declare class DashboardApiError extends Error {
+    status: number;
+    constructor(status: number, message: string);
+}
+export interface UseDashboardsOptions {
+    /** Where the dashboard routes live. The cockpit serves them from Nitro. */
+    base?: string;
+}
+export declare function useDashboards(scope: DashboardScope, options?: UseDashboardsOptions): {
+    scope: DashboardScope;
+    dashboards: ComputedRef<Dashboard[]>;
+    defaultId: ComputedRef<string | null>;
+    loading: ComputedRef<boolean>;
+    saving: ComputedRef<boolean>;
+    error: ComputedRef<string | null>;
+    load: (force?: boolean) => Promise<Dashboard[]>;
+    resolve: (slug: string | null) => Dashboard | null;
+    create: (payload: DashboardWritePayload & {
+        name: string;
+    }) => Promise<Dashboard>;
+    save: (id: string, payload: DashboardWritePayload) => Promise<Dashboard>;
+    remove: (id: string) => Promise<void>;
+    duplicate: (id: string) => Promise<Dashboard>;
+    setDefault: (id: string | null) => Promise<void>;
+};

package/dist/runtime/composables/useDashboards.js

@@ -0,0 +1,143 @@
+import { computed, ref } from "vue";
+export class DashboardApiError extends Error {
+  constructor(status, message) {
+    super(message);
+    this.status = status;
+    this.name = "DashboardApiError";
+  }
+}
+export function useDashboards(scope, options = {}) {
+  const base = options.base ?? "/api/cockpit";
+  const auth = usePlatformAuth();
+  const tenant = usePlatformTenant();
+  const key = (name) => `studio.dashboards.${scope}.${name}`;
+  const dashboards = useState(key("list"), () => []);
+  const defaultId = useState(key("defaultId"), () => null);
+  const loaded = useState(key("loaded"), () => false);
+  const loading = useState(key("loading"), () => false);
+  const saving = useState(key("saving"), () => false);
+  const error = useState(key("error"), () => null);
+  const inFlight = ref(null);
+  async function headers() {
+    const token = await auth.getToken();
+    if (!token) throw new DashboardApiError(401, "Not signed in.");
+    if (!tenant.slug.value) await tenant.load();
+    const slug = tenant.slug.value;
+    if (!slug) throw new DashboardApiError(400, "No active tenant.");
+    return { Authorization: `Bearer ${token}`, "X-Revenexx-Tenant": slug };
+  }
+  function fail(err) {
+    const e = err;
+    const status = e.status ?? e.statusCode ?? e.response?.status ?? 0;
+    const message = e.data?.statusMessage ?? e.data?.message ?? e.statusMessage ?? e.message ?? "The dashboard service did not answer.";
+    throw new DashboardApiError(status, message);
+  }
+  async function call(path, init = {}) {
+    try {
+      return await $fetch(`${base}${path}`, {
+        method: init.method ?? "GET",
+        headers: await headers(),
+        query: init.query,
+        body: init.body
+      });
+    } catch (err) {
+      if (err instanceof DashboardApiError) throw err;
+      fail(err);
+    }
+  }
+  function replace(updated) {
+    const idx = dashboards.value.findIndex((d) => d.id === updated.id);
+    dashboards.value = idx === -1 ? [...dashboards.value, updated] : dashboards.value.map((d) => d.id === updated.id ? updated : d);
+  }
+  async function run(force) {
+    loading.value = true;
+    error.value = null;
+    try {
+      const res = await call("/dashboards", { query: { scope } });
+      dashboards.value = res.dashboards;
+      defaultId.value = res.defaultDashboardId;
+      loaded.value = true;
+    } catch (err) {
+      error.value = err.message;
+      if (force) throw err;
+    } finally {
+      loading.value = false;
+    }
+    return dashboards.value;
+  }
+  async function load(force = false) {
+    if (inFlight.value) return inFlight.value;
+    if (loaded.value && !force) return dashboards.value;
+    inFlight.value = run(force);
+    try {
+      return await inFlight.value;
+    } finally {
+      inFlight.value = null;
+    }
+  }
+  async function create(payload) {
+    saving.value = true;
+    try {
+      const created = await call("/dashboards", { method: "POST", body: { ...payload, scope } });
+      replace(created);
+      return created;
+    } finally {
+      saving.value = false;
+    }
+  }
+  async function save(id, payload) {
+    const current = dashboards.value.find((d) => d.id === id);
+    saving.value = true;
+    try {
+      const updated = await call(`/dashboards/${id}`, {
+        method: "PATCH",
+        // The version travels with every write: a stale one is a 409 rather
+        // than a silent overwrite of the other tab's edit.
+        body: { ...payload, version: payload.version ?? current?.version }
+      });
+      replace(updated);
+      return updated;
+    } finally {
+      saving.value = false;
+    }
+  }
+  async function remove(id) {
+    await call(`/dashboards/${id}`, { method: "DELETE" });
+    dashboards.value = dashboards.value.filter((d) => d.id !== id);
+    if (defaultId.value === id) defaultId.value = null;
+  }
+  async function duplicate(id) {
+    const copy = await call(`/dashboards/${id}/duplicate`, { method: "POST" });
+    replace(copy);
+    return copy;
+  }
+  async function setDefault(id) {
+    await call(`/dashboards/${id ?? "none"}/default`, { method: "PUT", body: { scope } });
+    defaultId.value = id;
+    dashboards.value = dashboards.value.map((d) => ({ ...d, isDefault: d.id === id }));
+  }
+  function resolve(slug) {
+    const list = dashboards.value;
+    if (!list.length) return null;
+    if (slug) {
+      const named = list.find((d) => d.slug === slug);
+      if (named) return named;
+    }
+    return list.find((d) => d.id === defaultId.value) ?? list[0] ?? null;
+  }
+  return {
+    scope,
+    dashboards: computed(() => dashboards.value),
+    defaultId: computed(() => defaultId.value),
+    loading: computed(() => loading.value),
+    saving: computed(() => saving.value),
+    error: computed(() => error.value),
+    load,
+    resolve,
+    create,
+    save,
+    remove,
+    duplicate,
+    setDefault
+  };
+}