@revenexx/studio-shared 0.3.3 → 0.4.1

package/dist/module.d.mts

@@ -1,4 +1,4 @@
-import * as nuxt_schema from 'nuxt/schema';
+import { NuxtModule } from '@nuxt/schema';
 export * from '../dist/runtime/components/DataTable/types.js';
 export * from '../dist/runtime/types/storage.js';
 export * from '../dist/runtime/types/dashboard.js';
@@ -11,10 +11,14 @@ export { MediaLibraryClient } from '../dist/runtime/composables/useMediaLibrary.
 export { SavedViewsStore, StoredSavedView } from '../dist/runtime/composables/useSavedViews.js';
 export { WidgetCategory, WidgetCategoryGroup, WidgetConfigField, WidgetDefinition, WidgetPreviewShape, WidgetRegistry } from '../dist/runtime/lib/widgetRegistry.js';
 export { StickyListView } from '../dist/runtime/composables/useStickyListView.js';
+export { DetailSheetBinding } from '../dist/runtime/composables/useDetailSheet.js';
 export { FloatingPanelDock, FloatingPanelMode, FloatingPanelOptions } from '../dist/runtime/composables/useFloatingPanel.js';
+export { WidgetHeaderStatus } from '../dist/runtime/composables/useWidgetHeader.js';
+export { WidgetFigure } from '../dist/runtime/composables/useWidgetFigures.js';
 export { IsoOption } from '../dist/runtime/lib/isoLists.js';
 export { Translate, TranslateNamed, Translator } from '../dist/runtime/lib/i18nBridge.js';
+export { FieldSpan, FormContextRow, SectionOffset, SpanSource } from '../dist/runtime/lib/formLayout.js';
 
-declare const _default: nuxt_schema.NuxtModule<nuxt_schema.ModuleOptions, nuxt_schema.ModuleOptions, false>;
+declare const studioShared: NuxtModule;
 
-export { _default as default };
+export { studioShared as default };

package/dist/module.json

@@ -1,9 +1,9 @@
 {
   "name": "studio-shared",
   "configKey": "studioShared",
-  "version": "0.3.3",
+  "version": "0.4.1",
   "builder": {
-    "@nuxt/module-builder": "1.0.2",
+    "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"
   }
 }

package/dist/module.mjs

@@ -1,7 +1,7 @@
 import { join } from 'node:path';
 import { defineNuxtModule, createResolver, addComponentsDir, addImports } from '@nuxt/kit';
 
-const module$1 = defineNuxtModule({
+const studioShared = defineNuxtModule({
   meta: {
     name: "studio-shared",
     configKey: "studioShared"
@@ -20,7 +20,7 @@ const module$1 = defineNuxtModule({
     nuxt.options.vite = nuxt.options.vite || {};
     nuxt.options.vite.resolve = nuxt.options.vite.resolve || {};
     const dedupe = nuxt.options.vite.resolve.dedupe ??= [];
-    for (const pkg of ["@revenexx/studio-shared", "@revenexx/talkback-js", "centrifuge"]) {
+    for (const pkg of ["@revenexx/studio-shared", "@revenexx/talkback-js", "centrifuge", "vue-sonner"]) {
       if (!dedupe.includes(pkg)) dedupe.push(pkg);
     }
     nuxt.options.runtimeConfig.public.talkbackHost ??= "";
@@ -42,6 +42,8 @@ const module$1 = defineNuxtModule({
       { name: "useSavedViews", from: join(runtime, "composables/useSavedViews"), priority: -1 },
       // The narrowing a list was left in, kept across a page change (PE-608).
       { name: "useStickyListView", from: join(runtime, "composables/useStickyListView"), priority: -1 },
+      // Which record a list's DetailSheet shows, kept in `?<key>=<id>` (PE-691).
+      { name: "useDetailSheet", from: join(runtime, "composables/useDetailSheet"), priority: -1 },
       // A panel that docks to either side of a canvas, floats anywhere on it,
       // or collapses to a pill — and is dragged between those by its header.
       // Lifted out of the integration studio's workflow editor so a second
@@ -60,7 +62,11 @@ const module$1 = defineNuxtModule({
       "useTalkbackPresence"
     ].map((name) => ({ name, from: join(runtime, "composables/useTalkbackChannels") })));
     addImports([
-      { name: "useDashboards", from: join(runtime, "composables/useDashboards") }
+      { name: "useDashboards", from: join(runtime, "composables/useDashboards") },
+      // A widget's busy status, shown in its frame's header.
+      { name: "useWidgetHeader", from: join(runtime, "composables/useWidgetHeader") },
+      // A widget's own figures, preferred over its screen text by readers.
+      { name: "useWidgetFigures", from: join(runtime, "composables/useWidgetFigures") }
     ]);
     addImports([
       { name: "useT", from: join(runtime, "composables/useT") },
@@ -69,4 +75,4 @@ const module$1 = defineNuxtModule({
   }
 });
 
-export { module$1 as default };
+export { studioShared as default };

package/dist/runtime/components/Dashboard/DashboardConfirmDialog.d.vue.ts

@@ -5,11 +5,12 @@ type __VLS_Props = {
     confirmLabel: string;
     destructive?: boolean;
 };
-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:open": (value: boolean) => any;
     confirm: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onConfirm?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Dashboard/DashboardConfirmDialog.vue

@@ -15,7 +15,7 @@ const t = useT();
   <AlertDialog :open="open" @update:open="(o) => {
   if (!o) emit('update:open', false);
 }">
-    <AlertDialogContent>
+    <AlertDialogContent class="sm:max-w-xl">
       <AlertDialogHeader>
         <AlertDialogTitle>{{ title }}</AlertDialogTitle>
         <AlertDialogDescription v-if="description">{{ description }}</AlertDialogDescription>

package/dist/runtime/components/Dashboard/DashboardConfirmDialog.vue.d.ts

@@ -5,11 +5,12 @@ type __VLS_Props = {
     confirmLabel: string;
     destructive?: boolean;
 };
-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:open": (value: boolean) => any;
     confirm: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onConfirm?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Dashboard/DashboardControls.d.vue.ts

@@ -8,15 +8,15 @@ type __VLS_Props = {
     /** House-header sizing: `h-7` studio buttons instead of the greeting bar's pills. */
     compact?: boolean;
 };
-declare var __VLS_149: {
-    pillClass: any;
-    paneClass: any;
-    compact: any;
+declare var __VLS_180: {
+    pillClass: "group cursor-pointer rounded-lg border border-gray-400/10 outline-1 outline-white/30 transition-colors hover:border-primary/50 disabled:cursor-not-allowed disabled:opacity-55 disabled:hover:border-gray-400/10";
+    paneClass: "flex items-center gap-1.5 rounded-lg bg-white px-2.5 py-1.5 text-sm font-medium text-[#0B0522] transition-colors group-hover:bg-muted/60 group-disabled:group-hover:bg-white";
+    compact: boolean;
 };
 type __VLS_Slots = {} & {
-    scope?: (props: typeof __VLS_149) => any;
+    scope?: (props: typeof __VLS_180) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     PILL: string;
     PILL_PANE: string;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -48,7 +48,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
 }>, {
     compact: 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/Dashboard/DashboardControls.vue.d.ts

@@ -8,15 +8,15 @@ type __VLS_Props = {
     /** House-header sizing: `h-7` studio buttons instead of the greeting bar's pills. */
     compact?: boolean;
 };
-declare var __VLS_149: {
-    pillClass: any;
-    paneClass: any;
-    compact: any;
+declare var __VLS_180: {
+    pillClass: "group cursor-pointer rounded-lg border border-gray-400/10 outline-1 outline-white/30 transition-colors hover:border-primary/50 disabled:cursor-not-allowed disabled:opacity-55 disabled:hover:border-gray-400/10";
+    paneClass: "flex items-center gap-1.5 rounded-lg bg-white px-2.5 py-1.5 text-sm font-medium text-[#0B0522] transition-colors group-hover:bg-muted/60 group-disabled:group-hover:bg-white";
+    compact: boolean;
 };
 type __VLS_Slots = {} & {
-    scope?: (props: typeof __VLS_149) => any;
+    scope?: (props: typeof __VLS_180) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     PILL: string;
     PILL_PANE: string;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -48,7 +48,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
 }>, {
     compact: 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/Dashboard/DashboardGrid.d.vue.ts

@@ -4,7 +4,7 @@ type __VLS_Props = {
     widgets: DashboardWidget[];
     editing?: boolean;
 };
-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, {
     remove: (widgetId: string) => any;
     configure: (widgetId: string) => any;
     "update:layout": (layout: DashboardLayoutItem[]) => any;
@@ -13,4 +13,5 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     onConfigure?: ((widgetId: string) => any) | undefined;
     "onUpdate:layout"?: ((layout: DashboardLayoutItem[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Dashboard/DashboardGrid.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { GridItem, GridLayout } from "grid-layout-plus";
-import { computed, ref, watch } from "vue";
+import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import WidgetFrame from "./DashboardWidgetFrame.vue";
 import WidgetHost from "./DashboardWidgetHost.vue";
 import { useWidgetRegistry } from "../../lib/widgetRegistry";
@@ -36,6 +36,29 @@ function widgetFor(id) {
   return props.widgets.find((w) => w.id === id);
 }
 const placedLayout = computed(() => internalLayout.value.filter((item) => !!widgetFor(item.i)));
+const FLOW_BELOW = 1e3;
+const PHONE_BELOW = 560;
+const hostEl = ref(null);
+const hostWidth = ref(0);
+let hostObserver = null;
+onMounted(() => {
+  if (!hostEl.value || typeof ResizeObserver === "undefined") return;
+  hostObserver = new ResizeObserver(([entry]) => {
+    hostWidth.value = entry?.contentRect.width ?? 0;
+  });
+  hostObserver.observe(hostEl.value);
+});
+onBeforeUnmount(() => hostObserver?.disconnect());
+const flow = computed(() => !props.editing && hostWidth.value > 0 && hostWidth.value < FLOW_BELOW);
+const flowPhone = computed(() => hostWidth.value < PHONE_BELOW);
+const flowItems = computed(() => placedLayout.value.slice().sort((a, b) => a.y - b.y || a.x - b.x));
+function flowStyle(item) {
+  const span = flowPhone.value ? item.w <= 3 ? 1 : 2 : item.w <= 3 ? 2 : item.w <= 6 ? 3 : 6;
+  return {
+    gridColumn: `span ${span} / span ${span}`,
+    minHeight: `${item.h * 20 + (item.h - 1) * 12}px`
+  };
+}
 </script>
 
 <template>
@@ -43,7 +66,27 @@ const placedLayout = computed(() => internalLayout.value.filter((item) => !!widg
        sides, so without this the widgets sit one gutter inside the page padding
        and one inside the header. Cancelling it on three sides keeps the gaps
        between widgets and drops the duplicated outer one. -->
+  <div ref="hostEl">
+  <div
+    v-if="flow"
+    class="grid gap-3"
+    :class="flowPhone ? 'grid-cols-2' : 'grid-cols-6'"
+    data-testid="dashboard-flow"
+  >
+    <div v-for="item in flowItems" :key="item.i" class="grid min-w-0 grid-cols-1" :style="flowStyle(item)">
+      <WidgetFrame
+        :definition="registry.get(widgetFor(item.i).type)"
+        :title="widgetFor(item.i).title"
+        :configurable="!!registry.get(widgetFor(item.i).type)?.configFields?.length"
+        @configure="emit('configure', item.i)"
+        @remove="emit('remove', item.i)"
+      >
+        <WidgetHost :widget="widgetFor(item.i)" />
+      </WidgetFrame>
+    </div>
+  </div>
   <GridLayout
+    v-else
     v-model:layout="internalLayout"
     class="relative z-0 -mx-3 -mt-3"
     :col-num="12"
@@ -80,6 +123,7 @@ const placedLayout = computed(() => internalLayout.value.filter((item) => !!widg
       </WidgetFrame>
     </GridItem>
   </GridLayout>
+  </div>
 </template>
 
 <style scoped>

package/dist/runtime/components/Dashboard/DashboardGrid.vue.d.ts

@@ -4,7 +4,7 @@ type __VLS_Props = {
     widgets: DashboardWidget[];
     editing?: boolean;
 };
-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, {
     remove: (widgetId: string) => any;
     configure: (widgetId: string) => any;
     "update:layout": (layout: DashboardLayoutItem[]) => any;
@@ -13,4 +13,5 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     onConfigure?: ((widgetId: string) => any) | undefined;
     "onUpdate:layout"?: ((layout: DashboardLayoutItem[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Dashboard/DashboardNameDialog.d.vue.ts

@@ -8,11 +8,12 @@ type __VLS_Props = {
     /** Pre-filled value — a rename starts from the current name. */
     initial?: 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:open": (value: boolean) => any;
     submit: (name: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onSubmit?: ((name: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Dashboard/DashboardNameDialog.vue

@@ -30,7 +30,7 @@ function submit() {
 
 <template>
   <Dialog :open="open" @update:open="emit('update:open', $event)">
-    <DialogContent class="max-w-md">
+    <DialogContent class="sm:max-w-md">
       <DialogHeader>
         <DialogTitle>{{ title }}</DialogTitle>
         <DialogDescription v-if="description">{{ description }}</DialogDescription>

package/dist/runtime/components/Dashboard/DashboardNameDialog.vue.d.ts

@@ -8,11 +8,12 @@ type __VLS_Props = {
     /** Pre-filled value — a rename starts from the current name. */
     initial?: 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:open": (value: boolean) => any;
     submit: (name: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onSubmit?: ((name: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Dashboard/DashboardPickerDialog.d.vue.ts

@@ -4,11 +4,12 @@ type __VLS_Props = {
     dashboards: Dashboard[];
     currentId?: string | null;
 };
-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:open": (value: boolean) => any;
     select: (id: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onSelect?: ((id: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Dashboard/DashboardPickerDialog.vue

@@ -35,7 +35,7 @@ function pick(id) {
 
 <template>
   <Dialog :open="open" @update:open="emit('update:open', $event)">
-    <DialogContent class="max-w-2xl">
+    <DialogContent class="sm:max-w-3xl">
       <DialogHeader>
         <DialogTitle>{{ t("dashboard.picker.title") }}</DialogTitle>
         <DialogDescription>{{ t("dashboard.picker.description", { count: dashboards.length }) }}</DialogDescription>

package/dist/runtime/components/Dashboard/DashboardPickerDialog.vue.d.ts

@@ -4,11 +4,12 @@ type __VLS_Props = {
     dashboards: Dashboard[];
     currentId?: string | null;
 };
-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:open": (value: boolean) => any;
     select: (id: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onSelect?: ((id: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Dashboard/DashboardShareDialog.d.vue.ts

@@ -9,7 +9,7 @@ type __VLS_Props = {
      */
     path?: 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:open": (value: boolean) => any;
     change: (payload: {
         visibility: DashboardVisibility;
@@ -24,4 +24,5 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
 }>, {
     path: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Dashboard/DashboardShareDialog.vue

@@ -87,7 +87,7 @@ function apply() {
 
 <template>
   <Dialog :open="open" @update:open="emit('update:open', $event)">
-    <DialogContent class="max-w-lg">
+    <DialogContent class="sm:max-w-xl">
       <DialogHeader>
         <DialogTitle>{{ t("dashboard.share.title", { name: dashboard?.name ?? "" }) }}</DialogTitle>
         <DialogDescription>{{ t("dashboard.share.description") }}</DialogDescription>

package/dist/runtime/components/Dashboard/DashboardShareDialog.vue.d.ts

@@ -9,7 +9,7 @@ type __VLS_Props = {
      */
     path?: 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:open": (value: boolean) => any;
     change: (payload: {
         visibility: DashboardVisibility;
@@ -24,4 +24,5 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
 }>, {
     path: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Dashboard/DashboardTopBar.d.vue.ts

@@ -15,11 +15,15 @@ type __VLS_Props = {
     /** The big line. Defaults to the greeting. */
     heading?: string;
 };
-declare var __VLS_19: any;
+declare var __VLS_21: {
+    pillClass: "group cursor-pointer rounded-lg border border-gray-400/10 outline-1 outline-white/30 transition-colors hover:border-primary/50 disabled:cursor-not-allowed disabled:opacity-55 disabled:hover:border-gray-400/10";
+    paneClass: "flex items-center gap-1.5 rounded-lg bg-white px-2.5 py-1.5 text-sm font-medium text-[#0B0522] transition-colors group-hover:bg-muted/60 group-disabled:group-hover:bg-white";
+    compact: boolean;
+};
 type __VLS_Slots = {} & {
-    scope?: (props: typeof __VLS_19) => any;
+    scope?: (props: typeof __VLS_21) => 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, {
     edit: () => any;
     select: (id: string) => any;
     save: () => any;
@@ -50,7 +54,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     userName: string;
     eyebrow: string;
 }, {}, {}, {}, 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/Dashboard/DashboardTopBar.vue.d.ts

@@ -15,11 +15,15 @@ type __VLS_Props = {
     /** The big line. Defaults to the greeting. */
     heading?: string;
 };
-declare var __VLS_19: any;
+declare var __VLS_21: {
+    pillClass: "group cursor-pointer rounded-lg border border-gray-400/10 outline-1 outline-white/30 transition-colors hover:border-primary/50 disabled:cursor-not-allowed disabled:opacity-55 disabled:hover:border-gray-400/10";
+    paneClass: "flex items-center gap-1.5 rounded-lg bg-white px-2.5 py-1.5 text-sm font-medium text-[#0B0522] transition-colors group-hover:bg-muted/60 group-disabled:group-hover:bg-white";
+    compact: boolean;
+};
 type __VLS_Slots = {} & {
-    scope?: (props: typeof __VLS_19) => any;
+    scope?: (props: typeof __VLS_21) => 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, {
     edit: () => any;
     select: (id: string) => any;
     save: () => any;
@@ -50,7 +54,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     userName: string;
     eyebrow: string;
 }, {}, {}, {}, 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/Dashboard/DashboardWidgetConfigDialog.d.vue.ts

@@ -1,4 +1,5 @@
 import type { DashboardWidget } from '../../types/dashboard.js';
+import type { WidgetConfigField } from '../../lib/widgetRegistry.js';
 type __VLS_Props = {
     open: boolean;
     widget: DashboardWidget | null;
@@ -9,16 +10,16 @@ type __VLS_Props = {
      */
     hydrate?: (widget: DashboardWidget, config: Record<string, unknown>) => Record<string, unknown>;
 };
-declare var __VLS_66: {
-    field: any;
-    widget: any;
+declare var __VLS_90: {
+    field: WidgetConfigField;
+    widget: DashboardWidget | null;
     value: any;
     set: (value: unknown) => void;
 };
 type __VLS_Slots = {} & {
-    field?: (props: typeof __VLS_66) => any;
+    field?: (props: typeof __VLS_90) => 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:open": (value: boolean) => any;
     apply: (payload: {
         id: string;
@@ -33,7 +34,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
         config: Record<string, unknown>;
     }) => 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/Dashboard/DashboardWidgetConfigDialog.vue

@@ -62,7 +62,7 @@ function apply() {
 
 <template>
   <Dialog :open="open" @update:open="emit('update:open', $event)">
-    <DialogContent class="max-w-lg">
+    <DialogContent class="sm:max-w-xl">
       <DialogHeader>
         <DialogTitle>{{ heading }}</DialogTitle>
         <DialogDescription>{{ subheading }}</DialogDescription>

package/dist/runtime/components/Dashboard/DashboardWidgetConfigDialog.vue.d.ts

@@ -1,4 +1,5 @@
 import type { DashboardWidget } from '../../types/dashboard.js';
+import type { WidgetConfigField } from '../../lib/widgetRegistry.js';
 type __VLS_Props = {
     open: boolean;
     widget: DashboardWidget | null;
@@ -9,16 +10,16 @@ type __VLS_Props = {
      */
     hydrate?: (widget: DashboardWidget, config: Record<string, unknown>) => Record<string, unknown>;
 };
-declare var __VLS_66: {
-    field: any;
-    widget: any;
+declare var __VLS_90: {
+    field: WidgetConfigField;
+    widget: DashboardWidget | null;
     value: any;
     set: (value: unknown) => void;
 };
 type __VLS_Slots = {} & {
-    field?: (props: typeof __VLS_66) => any;
+    field?: (props: typeof __VLS_90) => 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:open": (value: boolean) => any;
     apply: (payload: {
         id: string;
@@ -33,7 +34,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
         config: Record<string, unknown>;
     }) => 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/Dashboard/DashboardWidgetFrame.d.vue.ts

@@ -5,20 +5,21 @@ type __VLS_Props = {
     editing?: boolean;
     configurable?: boolean;
 };
-declare var __VLS_1: {}, __VLS_6: {};
+declare var __VLS_1: {}, __VLS_13: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_13) => 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, {
     remove: () => any;
     configure: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onRemove?: (() => any) | undefined;
     onConfigure?: (() => 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 (): {