@svadmin/ui 0.79.0 → 0.81.0

package/dist/components/ConfigurationPage.svelte

@@ -0,0 +1,75 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import { definedOptions } from '@svadmin/core/options';
+  import ContentPageShell from './content/ContentPageShell.svelte';
+
+  interface Props {
+    title: string;
+    description?: string;
+    eyebrow?: string;
+    actions?: Snippet;
+    footer?: Snippet;
+    children: Snippet;
+    width?: 'narrow' | 'default' | 'wide';
+    density?: 'compact' | 'comfortable';
+    class?: string;
+  }
+
+  let {
+    title,
+    description,
+    eyebrow,
+    actions,
+    footer,
+    children,
+    width = 'default',
+    density = 'comfortable',
+    class: className = '',
+  }: Props = $props();
+</script>
+
+<ContentPageShell
+  {title}
+  {...definedOptions({ description, eyebrow, actions })}
+  {width}
+  {density}
+  class={className}
+>
+  <div class="configuration-page__content">
+    {@render children()}
+  </div>
+  {#if footer}
+    <footer class="configuration-page__footer">
+      {@render footer()}
+    </footer>
+  {/if}
+</ContentPageShell>
+
+<style>
+  .configuration-page__content {
+    display: grid;
+    gap: 24px;
+  }
+
+  .configuration-page__footer {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 8px;
+    margin-top: 24px;
+    padding: 12px 0;
+    border-top: 1px solid var(--border);
+    background: var(--background);
+  }
+
+  @media (max-width: 640px) {
+    .configuration-page__footer {
+      justify-content: stretch;
+    }
+
+    .configuration-page__footer :global(button) {
+      flex: 1;
+    }
+  }
+</style>

package/dist/components/ConfigurationPage.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    title: string;
+    description?: string;
+    eyebrow?: string;
+    actions?: Snippet;
+    footer?: Snippet;
+    children: Snippet;
+    width?: 'narrow' | 'default' | 'wide';
+    density?: 'compact' | 'comfortable';
+    class?: string;
+}
+declare const ConfigurationPage: import("svelte").Component<Props, {}, "">;
+type ConfigurationPage = ReturnType<typeof ConfigurationPage>;
+export default ConfigurationPage;

package/dist/components/DevframePanel.svelte

@@ -1,8 +1,9 @@
 <script lang="ts">
   import { onMount } from 'svelte';
   import { connectPanelChannel, type PanelChannel } from 'devframe/in-page-channel';
+  import { DEVTOOLS_CHANNEL } from '@vibeunion/devtools-devframe';
   import {
-    SVADMIN_DEVFRAME_CHANNEL,
+    type DevtoolsCacheMutation,
     type DevtoolsQuerySelector,
     type SvadminDevframeProtocol,
     type SvadminDevtoolsSnapshot,
@@ -22,11 +23,14 @@
     ...(selectedOperation ? { operation: selectedOperation } : {}),
   });
 
-  async function run(action: (selector?: DevtoolsQuerySelector) => Promise<void> | void): Promise<void> {
+  async function run(action: DevtoolsCacheMutation, selector?: DevtoolsQuerySelector): Promise<void> {
     if (!channel || !snapshot) return;
     busy = true;
     try {
-      await action(Object.keys(selector).length > 0 ? selector : undefined);
+      await channel.call('cacheAction', {
+        action,
+        ...(selector && Object.keys(selector).length > 0 ? { selector } : {}),
+      });
       snapshot = await channel.call('getSnapshot');
     } finally {
       busy = false;
@@ -35,7 +39,7 @@
 
   onMount(() => {
     const nextChannel = connectPanelChannel<SvadminDevframeProtocol>({
-      name: SVADMIN_DEVFRAME_CHANNEL,
+      name: DEVTOOLS_CHANNEL,
       functions: {},
     });
     channel = nextChannel;
@@ -109,13 +113,13 @@
       </ul>
     {/if}
     <div>
-      <button type="button" disabled={busy} onclick={() => run((selector) => channel?.call('cacheInvalidate', selector))}>Invalidate</button>
-      <button type="button" disabled={busy} onclick={() => run((selector) => channel?.call('cacheRefetch', selector))}>Refetch</button>
-      <button type="button" disabled={busy} onclick={() => run((selector) => channel?.call('cacheCancel', selector))}>Cancel</button>
-      <button type="button" disabled={busy} onclick={() => run((selector) => channel?.call('cacheReset', selector))}>Reset</button>
-      <button type="button" disabled={busy} onclick={() => run((selector) => channel?.call('cacheRemove', selector))}>Remove</button>
-      <button type="button" disabled={busy} onclick={() => run(() => channel?.call('cacheClear'))}>Clear cache</button>
-      <button type="button" disabled={busy} onclick={() => run(() => channel?.call('clearMutations'))}>Clear mutations</button>
+      <button type="button" disabled={busy} onclick={() => run('invalidate', selector)}>Invalidate</button>
+      <button type="button" disabled={busy} onclick={() => run('refetch', selector)}>Refetch</button>
+      <button type="button" disabled={busy} onclick={() => run('cancel', selector)}>Cancel</button>
+      <button type="button" disabled={busy} onclick={() => run('reset', selector)}>Reset</button>
+      <button type="button" disabled={busy} onclick={() => run('remove', selector)}>Remove</button>
+      <button type="button" disabled={busy} onclick={() => run('clear')}>Clear cache</button>
+      <button type="button" disabled={busy} onclick={() => run('clearMutations')}>Clear mutations</button>
     </div>
   {:else}
     <p>Waiting for an svadmin page.</p>

package/dist/components/EmptyState.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { scale } from 'svelte/transition';
   import { PackageOpen } from '@lucide/svelte';
   import { useTranslation } from '@svadmin/core';
 
@@ -17,19 +16,29 @@
 </script>
 
 <div
-  class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-5f22e64f2282 svadmin-u-24104d87db9a svadmin-u-7e3e9a76c966 svadmin-u-1100bef66e60 svadmin-u-ca6bf63030aa svadmin-u-cef5b893cf23"
-  in:scale={{ start: 0.95, duration: 200, opacity: 0 }}
+  class="empty-state"
   role="status"
   aria-live="polite"
 >
-  <div class="svadmin-u-0a769880db93 svadmin-u-ed831a4dff32 svadmin-u-ac204c108886 svadmin-u-2ef11f1cb219 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-da019856f2cc">
-    <PackageOpen class="svadmin-u-426b8b75185b svadmin-u-d854e5698b57 svadmin-u-bfa603190748" />
+  <span class="empty-state__icon" aria-hidden="true">
+    <PackageOpen size={16} />
+  </span>
+  <div class="empty-state__body">
+    <h3>{title}</h3>
+    {#if description}<p>{description}</p>{/if}
+    {#if children}
+      <div class="empty-state__action">
+        {@render children()}
+      </div>
+    {/if}
   </div>
-  <h3 class="svadmin-u-42536e69e639 svadmin-u-e83a7042bc91 svadmin-u-1d7f28b046ad">{title}</h3>
-  <p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748 svadmin-u-50d0d216a2f8 svadmin-u-2472e9b81a97">{description}</p>
-  {#if children}
-    <div class="svadmin-u-31f2553311b6">
-      {@render children()}
-    </div>
-  {/if}
 </div>
+
+<style>
+  .empty-state { display: flex; align-items: flex-start; gap: 12px; padding: 16px; text-align: left; color: var(--foreground); }
+  .empty-state__icon { display: flex; align-items: center; justify-content: center; flex: 0 0 32px; height: 32px; border-radius: 6px; background: var(--muted); color: var(--muted-foreground); }
+  .empty-state__body { min-width: 0; flex: 1; overflow-wrap: anywhere; }
+  h3 { margin: 0; font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: 0; }
+  p { margin: 4px 0 0; font-size: 14px; line-height: 20px; color: var(--muted-foreground); }
+  .empty-state__action { margin-top: 12px; }
+</style>

package/dist/components/PagePattern.svelte

@@ -0,0 +1,114 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import { definedOptions } from '@svadmin/core/options';
+  import ContentPageShell from './content/ContentPageShell.svelte';
+  import WorkspaceLayout from './content/WorkspaceLayout.svelte';
+
+  export type PagePatternKind = 'list' | 'form' | 'detail' | 'workspace' | 'dashboard';
+
+  interface Props {
+    kind: PagePatternKind;
+    title: string;
+    description?: string;
+    eyebrow?: string;
+    actions?: Snippet;
+    toolbar?: Snippet;
+    metrics?: Snippet;
+    secondary?: Snippet;
+    children: Snippet;
+    footer?: Snippet;
+    width?: 'narrow' | 'default' | 'wide';
+    density?: 'compact' | 'comfortable';
+    pageId?: string;
+    class?: string;
+  }
+
+  let {
+    kind,
+    title,
+    description,
+    eyebrow,
+    actions,
+    toolbar,
+    metrics,
+    secondary,
+    children,
+    footer,
+    width,
+    density,
+    pageId,
+    class: className = '',
+  }: Props = $props();
+
+  const resolvedPageId = $derived(pageId ?? `pattern-${kind}`);
+  const resolvedWidth = $derived(width ?? (kind === 'form' ? 'narrow' : kind === 'detail' ? 'default' : 'wide'));
+  const resolvedDensity = $derived(density ?? (kind === 'list' || kind === 'workspace' ? 'compact' : 'comfortable'));
+</script>
+
+<ContentPageShell
+  {title}
+  {...definedOptions({ description, eyebrow, actions })}
+  density={resolvedDensity}
+  width={resolvedWidth}
+  pageId={resolvedPageId}
+  class={className}
+>
+  {#if metrics}
+    <div class="page-pattern__metrics" data-page-pattern-metrics>
+      {@render metrics()}
+    </div>
+  {/if}
+
+  {#if toolbar}
+    <div class="page-pattern__toolbar" data-page-pattern-toolbar>
+      {@render toolbar()}
+    </div>
+  {/if}
+
+  {#if secondary}
+    <WorkspaceLayout primary={children} {...definedOptions({ secondary })} />
+  {:else}
+    <div class="page-pattern__content" data-page-pattern-content={kind} data-density={resolvedDensity}>
+      {@render children()}
+    </div>
+  {/if}
+
+  {#if footer}
+    <footer class="page-pattern__footer" data-page-pattern-footer>
+      {@render footer()}
+    </footer>
+  {/if}
+</ContentPageShell>
+
+<style>
+  .page-pattern__metrics {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
+    gap: 16px;
+  }
+
+  .page-pattern__toolbar,
+  .page-pattern__content {
+    min-width: 0;
+  }
+
+  .page-pattern__content {
+    display: grid;
+    gap: 24px;
+  }
+
+  .page-pattern__content[data-density='compact'] {
+    gap: 16px;
+  }
+
+  .page-pattern__footer {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 8px;
+    margin-top: 24px;
+    padding-top: 12px;
+    border-top: 1px solid var(--border);
+  }
+</style>

package/dist/components/PagePattern.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { Snippet } from 'svelte';
+export type PagePatternKind = 'list' | 'form' | 'detail' | 'workspace' | 'dashboard';
+interface Props {
+    kind: PagePatternKind;
+    title: string;
+    description?: string;
+    eyebrow?: string;
+    actions?: Snippet;
+    toolbar?: Snippet;
+    metrics?: Snippet;
+    secondary?: Snippet;
+    children: Snippet;
+    footer?: Snippet;
+    width?: 'narrow' | 'default' | 'wide';
+    density?: 'compact' | 'comfortable';
+    pageId?: string;
+    class?: string;
+}
+declare const PagePattern: import("svelte").Component<Props, {}, "">;
+type PagePattern = ReturnType<typeof PagePattern>;
+export default PagePattern;

package/dist/components/content/DataState.svelte

@@ -53,8 +53,23 @@
     {#if action}<div class="svadmin-u-eccd13ef4f2f">{@render action()}</div>{/if}
   </Alert.Root>
 {:else}
-  <div class={'svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-a29b7a649c77 svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-f92d02360b8f svadmin-u-a1f611f027dd svadmin-u-ca6bf63030aa ' + className} role="status" aria-live="polite">
-    <Inbox class="svadmin-u-d8f5213f0fe0 svadmin-u-bfa603190748" aria-hidden="true" /><h3 class="svadmin-u-eccd13ef4f2f svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{resolvedTitle}</h3><p class="svadmin-u-b6b02c0ebef6 svadmin-u-2472e9b81a97 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{resolvedDescription}</p>
-    {#if action}<div class="svadmin-u-0ab8667228fd">{@render action()}</div>{/if}
+  <div class={'empty-state ' + className} role="status" aria-live="polite">
+    <span class="empty-state__icon" aria-hidden="true">
+      <Inbox size={16} />
+    </span>
+    <div class="empty-state__body">
+      <h3>{resolvedTitle}</h3>
+      {#if resolvedDescription}<p>{resolvedDescription}</p>{/if}
+      {#if action}<div class="empty-state__action">{@render action()}</div>{/if}
+    </div>
   </div>
 {/if}
+
+<style>
+  .empty-state { display: flex; align-items: flex-start; gap: 12px; padding: 16px; text-align: left; color: var(--foreground); }
+  .empty-state__icon { display: flex; align-items: center; justify-content: center; flex: 0 0 32px; height: 32px; border-radius: 6px; background: var(--muted); color: var(--muted-foreground); }
+  .empty-state__body { min-width: 0; flex: 1; overflow-wrap: anywhere; }
+  .empty-state h3 { margin: 0; font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: 0; }
+  .empty-state p { margin: 4px 0 0; font-size: 14px; line-height: 20px; color: var(--muted-foreground); }
+  .empty-state__action { margin-top: 12px; }
+</style>

package/dist/devtools-bridge.d.ts

@@ -1,22 +1,7 @@
-import type { DevtoolsQueryDiagnostic, SvadminDevtoolsSnapshot } from '@svadmin/devtools-contract';
-export declare const SVADMIN_DEVFRAME_CHANNEL = "svadmin:devtools";
+import { type DevtoolsPageBridge } from '@vibeunion/devtools-devframe';
+import type { DevtoolsCacheActionRequest, DevtoolsCacheActionResult, DevtoolsQueryDiagnostic, SvadminDevtoolsSnapshot } from '@svadmin/devtools-contract';
 export type { DevtoolsCacheDiagnostics, DevtoolsProviderDiagnostic, DevtoolsQueryDiagnostic, SvadminDevtoolsSnapshot, } from '@svadmin/devtools-contract';
-export type SvadminDevtoolsBridge = {
-    getSnapshot: () => SvadminDevtoolsSnapshot | null;
-    subscribe: (listener: (snapshot: SvadminDevtoolsSnapshot) => void) => () => void;
-    cache: {
-        cancel: (selector?: DevtoolsQuerySelector) => Promise<void>;
-        invalidate: (selector?: DevtoolsQuerySelector) => Promise<void>;
-        refetch: (selector?: DevtoolsQuerySelector) => Promise<void>;
-        remove: (selector?: DevtoolsQuerySelector) => void;
-        reset: (selector?: DevtoolsQuerySelector) => Promise<void>;
-        clear: () => void;
-        clearMutations: () => void;
-    };
-    devframe: {
-        channelName: typeof SVADMIN_DEVFRAME_CHANNEL;
-    };
-};
+export type { DevtoolsCacheActionRequest, DevtoolsCacheActionResult, DevtoolsCacheMutation, } from '@svadmin/devtools-contract';
 export type DevtoolsQuerySelector = Partial<Pick<DevtoolsQueryDiagnostic, 'provider' | 'resource' | 'operation'>>;
 type QueryClientLike = {
     getQueryCache: () => {
@@ -43,19 +28,19 @@ type QueryClientLike = {
     }) => Promise<void>;
     getMutationCache: () => {
         clear: () => void;
+        getAll?: () => readonly unknown[];
     };
 };
+/**
+ * Page-script protocol as seen by a panel. It mirrors the shared DevTools wire
+ * (`getSnapshot` + `cacheAction`); the shared bridge installs the same shape on
+ * `window.__VIBEUNION_DEVTOOLS__`.
+ */
 export type SvadminDevframeProtocol = {
     functions: {
         pageScript: {
             getSnapshot: () => SvadminDevtoolsSnapshot | null;
-            cacheCancel: (selector?: DevtoolsQuerySelector) => Promise<void>;
-            cacheInvalidate: (selector?: DevtoolsQuerySelector) => Promise<void>;
-            cacheRefetch: (selector?: DevtoolsQuerySelector) => Promise<void>;
-            cacheRemove: (selector?: DevtoolsQuerySelector) => void;
-            cacheReset: (selector?: DevtoolsQuerySelector) => Promise<void>;
-            cacheClear: () => void;
-            clearMutations: () => void;
+            cacheAction: (request: DevtoolsCacheActionRequest) => Promise<DevtoolsCacheActionResult>;
         };
     };
 };
@@ -72,9 +57,10 @@ export declare function createSvadminDevtoolsCacheActions(): {
     clear: () => void;
     clearMutations: () => void | undefined;
 };
-export declare function installSvadminDevtoolsBridge(): void;
-declare global {
-    interface Window {
-        __SVADMIN_DEVTOOLS__?: SvadminDevtoolsBridge;
-    }
-}
+/**
+ * Executes a shared-protocol cache action against the attached query client and
+ * reports how many entries matched. Only the operations svadmin implements are
+ * accepted; mutation-variant operations the panel never advertises throw.
+ */
+export declare function runSvadminDevtoolsCacheAction(request: DevtoolsCacheActionRequest): Promise<DevtoolsCacheActionResult>;
+export declare function installSvadminDevtoolsBridge(): DevtoolsPageBridge | null;

package/dist/devtools-bridge.js

@@ -1,11 +1,9 @@
 import { parseQueryKey } from '@svadmin/core';
-import { createPageScriptChannel } from 'devframe/in-page-channel';
+import { installDevtoolsPageBridge, } from '@vibeunion/devtools-devframe';
 import { DEV } from 'esm-env';
-export const SVADMIN_DEVFRAME_CHANNEL = 'svadmin:devtools';
 const listeners = new Set();
 let snapshot = null;
 let queryClient = null;
-let devframeChannel = null;
 export function publishSvadminDevtoolsSnapshot(next) {
     snapshot = next;
     for (const listener of listeners)
@@ -58,35 +56,53 @@ export function createSvadminDevtoolsCacheActions() {
         clearMutations: () => queryClient?.getMutationCache().clear(),
     };
 }
-export function installSvadminDevtoolsBridge() {
-    if (typeof window === 'undefined' || !DEV)
-        return;
-    if (!devframeChannel) {
-        const cache = createSvadminDevtoolsCacheActions();
-        devframeChannel = createPageScriptChannel({
-            name: SVADMIN_DEVFRAME_CHANNEL,
-            functions: {
-                getSnapshot: { type: 'query', handler: getSvadminDevtoolsSnapshot },
-                cacheCancel: { type: 'action', handler: cache.cancel },
-                cacheInvalidate: { type: 'action', handler: cache.invalidate },
-                cacheRefetch: { type: 'action', handler: cache.refetch },
-                cacheRemove: { type: 'action', handler: cache.remove },
-                cacheReset: { type: 'action', handler: cache.reset },
-                cacheClear: { type: 'action', handler: cache.clear },
-                clearMutations: { type: 'action', handler: cache.clearMutations },
-            },
-        });
+/**
+ * Executes a shared-protocol cache action against the attached query client and
+ * reports how many entries matched. Only the operations svadmin implements are
+ * accepted; mutation-variant operations the panel never advertises throw.
+ */
+export async function runSvadminDevtoolsCacheAction(request) {
+    const { action, selector } = request;
+    const actions = createSvadminDevtoolsCacheActions();
+    let matched;
+    switch (action) {
+        case 'cancel':
+            matched = matchingQueryKeys(selector).length;
+            await actions.cancel(selector);
+            break;
+        case 'invalidate':
+            matched = matchingQueryKeys(selector).length;
+            await actions.invalidate(selector);
+            break;
+        case 'refetch':
+            matched = matchingQueryKeys(selector).length;
+            await actions.refetch(selector);
+            break;
+        case 'remove':
+            matched = matchingQueryKeys(selector).length;
+            actions.remove(selector);
+            break;
+        case 'reset':
+            matched = matchingQueryKeys(selector).length;
+            await actions.reset(selector);
+            break;
+        case 'clear':
+            matched = matchingQueryKeys().length;
+            actions.clear();
+            break;
+        case 'clearMutations':
+            matched = queryClient?.getMutationCache().getAll?.().length ?? 0;
+            actions.clearMutations();
+            break;
+        default:
+            throw new Error(`Unsupported svadmin cache action: ${String(action)}`);
     }
-    const bridge = {
+    return { action, matched, changed: matched };
+}
+export function installSvadminDevtoolsBridge() {
+    return installDevtoolsPageBridge({
+        development: DEV,
         getSnapshot: getSvadminDevtoolsSnapshot,
-        subscribe: subscribeSvadminDevtools,
-        cache: createSvadminDevtoolsCacheActions(),
-        devframe: { channelName: SVADMIN_DEVFRAME_CHANNEL },
-    };
-    Object.defineProperty(window, '__SVADMIN_DEVTOOLS__', {
-        configurable: true,
-        enumerable: false,
-        value: bridge,
-        writable: false,
+        cacheAction: runSvadminDevtoolsCacheAction,
     });
 }

package/dist/index.d.ts

@@ -36,6 +36,8 @@ export { default as StatsCard } from './components/StatsCard.svelte';
 export { default as MetricStrip } from './components/MetricStrip.svelte';
 export type { MetricStripItem, MetricTone } from './components/MetricStrip.svelte';
 export { default as PageHeader } from './components/PageHeader.svelte';
+export { default as PagePattern } from './components/PagePattern.svelte';
+export type { PagePatternKind } from './components/PagePattern.svelte';
 export { default as ResourceOperationsPage } from './components/ResourceOperationsPage.svelte';
 export { default as RecordDetailDrawer } from './components/RecordDetailDrawer.svelte';
 export { default as ResourceAccessGuard } from './components/ResourceAccessGuard.svelte';
@@ -48,8 +50,9 @@ export { default as Can } from './components/CanAccess.svelte';
 export { default as UndoableNotification } from './components/UndoableNotification.svelte';
 export { default as DevTools } from './components/DevTools.svelte';
 export { default as DevframePanel } from './components/DevframePanel.svelte';
-export { attachSvadminDevtoolsQueryClient, createSvadminDevtoolsCacheActions, getSvadminDevtoolsSnapshot, installSvadminDevtoolsBridge, publishSvadminDevtoolsSnapshot, subscribeSvadminDevtools, SVADMIN_DEVFRAME_CHANNEL, } from './devtools-bridge.js';
-export type { DevtoolsCacheDiagnostics, DevtoolsProviderDiagnostic, DevtoolsQueryDiagnostic, SvadminDevtoolsBridge, SvadminDevtoolsSnapshot, DevtoolsQuerySelector, SvadminDevframeProtocol, } from './devtools-bridge.js';
+export { attachSvadminDevtoolsQueryClient, createSvadminDevtoolsCacheActions, getSvadminDevtoolsSnapshot, installSvadminDevtoolsBridge, publishSvadminDevtoolsSnapshot, runSvadminDevtoolsCacheAction, subscribeSvadminDevtools, } from './devtools-bridge.js';
+export type { DevtoolsCacheDiagnostics, DevtoolsProviderDiagnostic, DevtoolsQueryDiagnostic, SvadminDevtoolsSnapshot, DevtoolsQuerySelector, SvadminDevframeProtocol, } from './devtools-bridge.js';
+export type { DevtoolsPageBridge } from '@vibeunion/devtools-devframe';
 export { default as Authenticated } from './components/Authenticated.svelte';
 export { default as UpdatePasswordPage } from './components/UpdatePasswordPage.svelte';
 export { default as ProfilePage } from './components/ProfilePage.svelte';
@@ -275,6 +278,7 @@ export { default as ContentPageShell } from './components/content/ContentPageShe
 export { default as DashboardPage } from './components/content/DashboardPage.svelte';
 export { default as PageSection } from './components/content/PageSection.svelte';
 export { default as ContentPageHeader } from './components/content/ContentPageHeader.svelte';
+export { default as ConfigurationPage } from './components/ConfigurationPage.svelte';
 export { default as SectionHeader } from './components/content/SectionHeader.svelte';
 export { default as PageToolbar } from './components/content/PageToolbar.svelte';
 export { default as WorkspaceLayout } from './components/content/WorkspaceLayout.svelte';

package/dist/index.js

@@ -30,6 +30,7 @@ export { default as EmptyState } from './components/EmptyState.svelte';
 export { default as StatsCard } from './components/StatsCard.svelte';
 export { default as MetricStrip } from './components/MetricStrip.svelte';
 export { default as PageHeader } from './components/PageHeader.svelte';
+export { default as PagePattern } from './components/PagePattern.svelte';
 export { default as ResourceOperationsPage } from './components/ResourceOperationsPage.svelte';
 export { default as RecordDetailDrawer } from './components/RecordDetailDrawer.svelte';
 export { default as ResourceAccessGuard } from './components/ResourceAccessGuard.svelte';
@@ -42,7 +43,7 @@ export { default as Can } from './components/CanAccess.svelte';
 export { default as UndoableNotification } from './components/UndoableNotification.svelte';
 export { default as DevTools } from './components/DevTools.svelte';
 export { default as DevframePanel } from './components/DevframePanel.svelte';
-export { attachSvadminDevtoolsQueryClient, createSvadminDevtoolsCacheActions, getSvadminDevtoolsSnapshot, installSvadminDevtoolsBridge, publishSvadminDevtoolsSnapshot, subscribeSvadminDevtools, SVADMIN_DEVFRAME_CHANNEL, } from './devtools-bridge.js';
+export { attachSvadminDevtoolsQueryClient, createSvadminDevtoolsCacheActions, getSvadminDevtoolsSnapshot, installSvadminDevtoolsBridge, publishSvadminDevtoolsSnapshot, runSvadminDevtoolsCacheAction, subscribeSvadminDevtools, } from './devtools-bridge.js';
 export { default as Authenticated } from './components/Authenticated.svelte';
 export { default as UpdatePasswordPage } from './components/UpdatePasswordPage.svelte';
 export { default as ProfilePage } from './components/ProfilePage.svelte';
@@ -245,6 +246,7 @@ export { default as ContentPageShell } from './components/content/ContentPageShe
 export { default as DashboardPage } from './components/content/DashboardPage.svelte';
 export { default as PageSection } from './components/content/PageSection.svelte';
 export { default as ContentPageHeader } from './components/content/ContentPageHeader.svelte';
+export { default as ConfigurationPage } from './components/ConfigurationPage.svelte';
 export { default as SectionHeader } from './components/content/SectionHeader.svelte';
 export { default as PageToolbar } from './components/content/PageToolbar.svelte';
 export { default as WorkspaceLayout } from './components/content/WorkspaceLayout.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.79.0",
+  "version": "0.81.0",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
@@ -139,7 +139,8 @@
     }
   },
   "dependencies": {
-    "@svadmin/devtools-contract": "^0.2.0",
+    "@svadmin/devtools-contract": "^0.3.0",
+    "@vibeunion/devtools-devframe": "^0.1.0",
     "@sinclair/typebox": "^0.34.52",
     "@floating-ui/dom": "^1.8.0",
     "esm-env": "^1.2.2",