@svadmin/ui 0.66.0 → 0.67.1

package/dist/app.css

@@ -573,57 +573,6 @@ main {
 /* ─── svadmin UI Components CSS ─────────────────────────────── */
 /* These rules were moved from .svelte files to eliminate <style> tags */
 
-/* MarkdownRenderer Styles */
-.prose {
-  line-height: 1.6;
-}
-.prose p {
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
-}
-
-/* Streaming cursor effect */
-.streaming > *:last-child::after {
-  content: '▋';
-  display: inline-block;
-  animation: svadmin-blink 1s step-start infinite;
-  margin-left: 2px;
-  vertical-align: baseline;
-  color: currentColor;
-}
-
-@keyframes svadmin-blink {
-  50% { opacity: 0; }
-}
-
-/* Handle copied state for dynamically injected buttons.
- * The check icon itself is swapped in by MarkdownRenderer (createCheckIcon)
- * with stroke="currentColor" so it inherits this semantic token color. */
-.copy-btn[data-copied-id] {
-  color: var(--success);
-}
-
-/* ChatDialog Styles */
-.chat-markdown pre.chat-code-block {
-  background: var(--color-muted, hsl(var(--muted)));
-  border-radius: 0.5rem;
-  padding: 0.75rem;
-  margin: 0.5rem 0;
-  overflow-x: auto;
-  font-size: 0.75rem;
-  line-height: 1.5;
-}
-.chat-markdown code.chat-inline-code {
-  background: var(--color-muted, hsl(var(--muted)));
-  padding: 0.125rem 0.375rem;
-  border-radius: 0.25rem;
-  font-size: 0.8125em;
-  font-family: ui-monospace, monospace;
-}
-.chat-markdown strong {
-  font-weight: 600;
-}
-
 /* Collapsible details normalization stays scoped to svadmin-owned hooks. */
 details[data-svadmin-filter]:not([open]) > :not(summary),
 details.svadmin-collapsible-filter:not([open]) > :not(summary),

package/dist/app.theme.css

@@ -572,57 +572,6 @@ main {
 /* ─── svadmin UI Components CSS ─────────────────────────────── */
 /* These rules were moved from .svelte files to eliminate <style> tags */
 
-/* MarkdownRenderer Styles */
-.prose {
-  line-height: 1.6;
-}
-.prose p {
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
-}
-
-/* Streaming cursor effect */
-.streaming > *:last-child::after {
-  content: '▋';
-  display: inline-block;
-  animation: svadmin-blink 1s step-start infinite;
-  margin-left: 2px;
-  vertical-align: baseline;
-  color: currentColor;
-}
-
-@keyframes svadmin-blink {
-  50% { opacity: 0; }
-}
-
-/* Handle copied state for dynamically injected buttons.
- * The check icon itself is swapped in by MarkdownRenderer (createCheckIcon)
- * with stroke="currentColor" so it inherits this semantic token color. */
-.copy-btn[data-copied-id] {
-  color: var(--success);
-}
-
-/* ChatDialog Styles */
-.chat-markdown pre.chat-code-block {
-  background: var(--color-muted, hsl(var(--muted)));
-  border-radius: 0.5rem;
-  padding: 0.75rem;
-  margin: 0.5rem 0;
-  overflow-x: auto;
-  font-size: 0.75rem;
-  line-height: 1.5;
-}
-.chat-markdown code.chat-inline-code {
-  background: var(--color-muted, hsl(var(--muted)));
-  padding: 0.125rem 0.375rem;
-  border-radius: 0.25rem;
-  font-size: 0.8125em;
-  font-family: ui-monospace, monospace;
-}
-.chat-markdown strong {
-  font-weight: 600;
-}
-
 /* Collapsible details normalization stays scoped to svadmin-owned hooks. */
 details[data-svadmin-filter]:not([open]) > :not(summary),
 details.svadmin-collapsible-filter:not([open]) > :not(summary),

package/dist/components/AdminApp.svelte

@@ -56,7 +56,7 @@
   import { useTranslation } from '@svadmin/core/i18n';
   import { QueryClient, QueryClientProvider, type DefaultOptions } from '@tanstack/svelte-query';
   import { setComponentRegistry, type ComponentRegistry } from '../component-registry.svelte.js';
-  import Layout from './Layout.svelte';
+  import Layout, { type LayoutAIAssistantProps } from './Layout.svelte';
   import AutoTable from './AutoTable.svelte';
   import AutoForm from './AutoForm.svelte';
   import ShowPage from './ShowPage.svelte';
@@ -114,6 +114,8 @@
     /** Theme configuration for dark-first mode, CSS overrides, etc. */
     themeConfig?: ThemeConfig;
     dashboard?: Snippet;
+    /** Optional AI assistant rendered by Layout. Keep AI UI in @svadmin/ai-elements. */
+    aiAssistant?: Snippet<[LayoutAIAssistantProps]>;
     loginPage?: Snippet;
     /** Prefill and display credentials on the default login page, useful for demos/examples. */
     loginDefaults?: {
@@ -169,6 +171,7 @@
     defaultTheme,
     themeConfig: userThemeConfig,
     dashboard,
+    aiAssistant,
     loginPage,
     loginDefaults,
     components: userComponents,
@@ -548,7 +551,7 @@
       <ErrorComp status={standaloneErrorStatus} />
     </SystemPageShell>
   {:else if isAuthenticated || !resolvedAuthProvider}
-    <Layout {title} {menu} {siteUrl} routeMode={resolvedRouteMode}>
+    <Layout {title} {menu} {siteUrl} routeMode={resolvedRouteMode} {aiAssistant}>
       <div class="relative min-h-40" aria-busy={authRechecking}>
         {#if authRechecking}
           <div class="absolute inset-0 z-10 flex min-h-40 items-center justify-center bg-background/80" role="status" aria-live="polite">

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

@@ -3,6 +3,7 @@ import { type Component, type Snippet } from 'svelte';
 import type { AccessControlProvider, AgentProvider, AuditLogProvider, AuthProvider, ChatProvider, CredentialProvider, DataProviderInput, IdentityGovernanceProvider, I18nProvider, LiveProvider, MenuItem, NotificationProvider, OrganizationProvider, ResourceDefinition, RouterProvider, SessionProvider, TaskProvider, TenantAdapter, TenantContext, ThemeConfig, ThemeMode } from '@svadmin/core';
 import { QueryClient, type DefaultOptions } from '@tanstack/svelte-query';
 import { type ComponentRegistry } from '../component-registry.svelte.js';
+import { type LayoutAIAssistantProps } from './Layout.svelte';
 import type { AdminProviderBundle } from '../types.js';
 interface Props {
     /** Single provider, or named providers such as `{ default, analytics }`. */
@@ -37,6 +38,8 @@ interface Props {
     /** Theme configuration for dark-first mode, CSS overrides, etc. */
     themeConfig?: ThemeConfig;
     dashboard?: Snippet;
+    /** Optional AI assistant rendered by Layout. Keep AI UI in @svadmin/ai-elements. */
+    aiAssistant?: Snippet<[LayoutAIAssistantProps]>;
     loginPage?: Snippet;
     /** Prefill and display credentials on the default login page, useful for demos/examples. */
     loginDefaults?: {

package/dist/components/CommandPalette.svelte

@@ -20,7 +20,9 @@
   let searchValue = $state('');
 
   const resources = $derived(getResources());
-  const hasAI = $derived(!!(adminContext.agentProvider || adminContext.chatProvider));
+  const hasAI = $derived(
+    !!(adminContext.agentProvider || adminContext.chatProvider) && typeof onAskAI === 'function',
+  );
 
   function close() {
     open = false;

package/dist/components/Layout.svelte

@@ -1,3 +1,11 @@
+<script module lang="ts">
+  export interface LayoutAIAssistantProps {
+    docked: boolean;
+    scope: string;
+    ownerScope: string;
+  }
+</script>
+
 <script lang="ts">
 /* eslint-disable svelte/no-useless-children-snippet */
   import type { Snippet } from 'svelte';
@@ -6,7 +14,6 @@
   import Header from './Header.svelte';
   import CommandPalette from './CommandPalette.svelte';
   import KeyboardShortcuts from './KeyboardShortcuts.svelte';
-  import ChatDialog from './ChatDialog.svelte';
   import DevTools from './DevTools.svelte';
   import { useTranslation } from '@svadmin/core/i18n';
 
@@ -25,7 +32,7 @@
   let shortcutsOpen = $state(false);
   let mobileMenuOpen = $state(false);
 
-  let { children, title = 'Admin', menu, siteUrl, routeMode = 'auto' }: { children: Snippet; title?: string; menu?: MenuItem[]; siteUrl?: string; routeMode?: 'hash' | 'path' | 'auto' } = $props();
+  let { children, title = 'Admin', menu, siteUrl, routeMode = 'auto', aiAssistant }: { children: Snippet; title?: string; menu?: MenuItem[]; siteUrl?: string; routeMode?: 'hash' | 'path' | 'auto'; aiAssistant?: Snippet<[LayoutAIAssistantProps]> } = $props();
   const layoutId = $props.id();
   const layoutScope = `svadmin-layout-${layoutId}`;
   const mainContentId = `${layoutScope}-main`;
@@ -73,6 +80,13 @@
     document.getElementById(mainContentId)?.focus();
   }
 
+  function handleAskAI(query: string) {
+    if (!aiAssistant || typeof window === 'undefined') return;
+    window.dispatchEvent(new CustomEvent('svadmin:ask-ai', {
+      detail: { query, scope: chatScope },
+    }));
+  }
+
   let collapsed = $state(false);
 
   // Swipe gesture for mobile menu
@@ -235,19 +249,13 @@
 
       <footer class="flex min-h-14 shrink-0 items-center justify-end gap-2 border-t border-border/60 bg-background px-4 empty:hidden">
         <DevTools docked />
-        <ChatDialog docked scope={chatScope} ownerScope={layoutScope} />
+        {@render aiAssistant?.({ docked: true, scope: chatScope, ownerScope: layoutScope })}
       </footer>
     </div>
   </div>
-  <CommandPalette 
-    bind:open={commandOpen} 
-    onAskAI={(q) => {
-      if (typeof window !== 'undefined') {
-        window.dispatchEvent(new CustomEvent('svadmin:ask-ai', {
-          detail: { query: q, scope: chatScope },
-        }));
-      }
-    }}
+  <CommandPalette
+    bind:open={commandOpen}
+    onAskAI={aiAssistant ? handleAskAI : undefined}
   />
   <KeyboardShortcuts bind:open={shortcutsOpen} />
 {/if}

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

@@ -1,3 +1,8 @@
+export interface LayoutAIAssistantProps {
+    docked: boolean;
+    scope: string;
+    ownerScope: string;
+}
 import type { Snippet } from 'svelte';
 import type { MenuItem } from '@svadmin/core';
 type $$ComponentProps = {
@@ -6,6 +11,7 @@ type $$ComponentProps = {
     menu?: MenuItem[];
     siteUrl?: string;
     routeMode?: 'hash' | 'path' | 'auto';
+    aiAssistant?: Snippet<[LayoutAIAssistantProps]>;
 };
 declare const Layout: import("svelte").Component<$$ComponentProps, {}, "">;
 type Layout = ReturnType<typeof Layout>;

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export { default as ShowPage } from './components/ShowPage.svelte';
 export { default as ConfirmDialog } from './components/ConfirmDialog.svelte';
 export { default as Sidebar } from './components/Sidebar.svelte';
 export { default as Layout } from './components/Layout.svelte';
+export type { LayoutAIAssistantProps } from './components/Layout.svelte';
 export { default as Header } from './components/Header.svelte';
 export { default as SvadminLogo } from './components/SvadminLogo.svelte';
 export { default as ErrorBoundary } from './components/ErrorBoundary.svelte';
@@ -119,14 +120,7 @@ export type { PendingMutation } from './components/OfflineSyncBanner.svelte';
 export { default as InfiniteList } from './components/InfiniteList.svelte';
 export { default as ComboboxField } from './components/ComboboxField.svelte';
 export { default as PasswordInput } from './components/PasswordInput.svelte';
-export { default as ChatDialog } from "./components/ChatDialog.svelte";
-export { default as MarkdownRenderer } from "./components/MarkdownRenderer.svelte";
-export { default as SmartSuggest } from "./components/SmartSuggest.svelte";
-export { default as AICommandBar } from "./components/AICommandBar.svelte";
-export { default as CopilotPanel } from "./components/CopilotPanel.svelte";
-export { default as InsightCard } from "./components/InsightCard.svelte";
 export { default as AnomalyBadge } from "./components/AnomalyBadge.svelte";
-export { default as VoiceInput } from "./components/VoiceInput.svelte";
 export { default as AnimatedCounter } from "./components/AnimatedCounter.svelte";
 export { default as KeyboardShortcuts } from "./components/KeyboardShortcuts.svelte";
 export { default as InlineEdit } from "./components/InlineEdit.svelte";

package/dist/index.js

@@ -95,14 +95,7 @@ export { default as OfflineSyncBanner } from './components/OfflineSyncBanner.sve
 export { default as InfiniteList } from './components/InfiniteList.svelte';
 export { default as ComboboxField } from './components/ComboboxField.svelte';
 export { default as PasswordInput } from './components/PasswordInput.svelte';
-export { default as ChatDialog } from "./components/ChatDialog.svelte";
-export { default as MarkdownRenderer } from "./components/MarkdownRenderer.svelte";
-export { default as SmartSuggest } from "./components/SmartSuggest.svelte";
-export { default as AICommandBar } from "./components/AICommandBar.svelte";
-export { default as CopilotPanel } from "./components/CopilotPanel.svelte";
-export { default as InsightCard } from "./components/InsightCard.svelte";
 export { default as AnomalyBadge } from "./components/AnomalyBadge.svelte";
-export { default as VoiceInput } from "./components/VoiceInput.svelte";
 export { default as AnimatedCounter } from "./components/AnimatedCounter.svelte";
 export { default as KeyboardShortcuts } from "./components/KeyboardShortcuts.svelte";
 export { default as InlineEdit } from "./components/InlineEdit.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.66.0",
+  "version": "0.67.1",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
@@ -39,24 +39,12 @@
     "./components/*": "./dist/components/*"
   },
   "peerDependencies": {
-    "@svadmin/core": "^0.47.1",
+    "@svadmin/core": "^0.49.0",
     "@tanstack/svelte-query": "^6.1.48",
-    "highlight.js": "^11.12.0",
     "isomorphic-dompurify": "^3.23.0",
-    "marked": "^18.0.11",
-    "marked-highlight": "^2.2.4",
     "svelte": "^5.56.10"
   },
   "peerDependenciesMeta": {
-    "marked": {
-      "optional": true
-    },
-    "marked-highlight": {
-      "optional": true
-    },
-    "highlight.js": {
-      "optional": true
-    },
     "isomorphic-dompurify": {
       "optional": true
     },
@@ -101,6 +89,7 @@
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.11.12",
+    "@svadmin/ai-elements": "^0.3.0",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/svelte": "^5.4.2",

package/dist/components/AICommandBar.svelte

@@ -1,228 +0,0 @@
-<script lang="ts">
-  import { captureAdminContext, toggleTheme, useNavigation } from '@svadmin/core';
-  import { useTranslation } from '@svadmin/core/i18n';
-  import { Command } from './ui/command/index.js';
-  import * as Dialog from './ui/dialog/index.js';
-  import { Search, LayoutDashboard, Plus, Sun, FileText, Sparkles, Loader2 } from '@lucide/svelte';
-  import MarkdownRenderer from './MarkdownRenderer.svelte';
-  import CanAccess from './CanAccess.svelte';
-
-  const i18n = useTranslation();
-
-  let { open = $bindable(false) } = $props<{ open?: boolean }>();
-  const adminContext = captureAdminContext();
-  const navigation = useNavigation();
-  let searchValue = $state('');
-  
-  const resources = $derived(adminContext.resources);
-  const provider = $derived(adminContext.chatProvider);
-
-  // AI State
-  let aiMode = $state(false);
-  let aiResponse = $state('');
-  let isPredicting = $state(false);
-  let abortController: AbortController | null = null;
-  let requestEpoch = 0;
-
-  $effect(() => {
-    void provider;
-    void adminContext.tenantCacheKey?.__svadminTenant;
-    void open;
-    clearAIConversation();
-
-    return cancelAIRequest;
-  });
-
-  function close() {
-    open = false;
-    clearAIConversation();
-  }
-
-  function cancelAIRequest() {
-    requestEpoch += 1;
-    abortController?.abort();
-    abortController = null;
-  }
-
-  function clearAIConversation() {
-    cancelAIRequest();
-    searchValue = '';
-    aiMode = false;
-    aiResponse = '';
-    isPredicting = false;
-  }
-
-  function act(fn: () => void) {
-    fn();
-    close();
-  }
-
-  async function askAI() {
-    const scopedProvider = provider;
-    const prompt = searchValue.trim();
-    if (!scopedProvider || !prompt) return;
-
-    cancelAIRequest();
-    const epoch = requestEpoch;
-    const controller = new AbortController();
-    abortController = controller;
-    aiMode = true;
-    isPredicting = true;
-    aiResponse = '';
-
-    try {
-      const result = scopedProvider.sendMessage(
-        [{ id: 'cmd', role: 'user', content: prompt, timestamp: Date.now() }],
-        { signal: controller.signal }
-      );
-
-      if (Symbol.asyncIterator in result) {
-        for await (const chunk of result as AsyncIterable<string>) {
-          if (epoch !== requestEpoch) return;
-          aiResponse += chunk;
-        }
-      } else {
-        const response = await result;
-        if (epoch === requestEpoch) aiResponse = response;
-      }
-    } catch (err: unknown) {
-      if (epoch === requestEpoch && err instanceof Error && err.name !== 'AbortError') {
-        aiResponse = 'Failed to get response from AI.';
-      }
-    } finally {
-      if (epoch === requestEpoch) {
-        isPredicting = false;
-        if (abortController === controller) abortController = null;
-      }
-    }
-  }
-
-  function handleKeyDown(e: KeyboardEvent) {
-    if (e.key === 'Enter' && searchValue.trim() && !aiMode) {
-      if (e.ctrlKey || e.metaKey) {
-        e.preventDefault();
-        void askAI();
-      }
-    }
-  }
-
-  const itemClass = 'relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[selected]:bg-accent data-[selected]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50';
-</script>
-
-<Dialog.Dialog bind:open onOpenChange={(v: boolean) => !v && close()}>
-  <Dialog.DialogContent class="overflow-hidden p-0 sm:max-w-[600px] border-none shadow-2xl">
-    <Dialog.DialogTitle class="sr-only">{i18n.t('common.actions')}</Dialog.DialogTitle>
-    <Command.Root
-      shouldFilter={!aiMode}
-      class="flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground [&_[data-command-group-heading]]:text-muted-foreground [&_[data-command-group-heading]]:px-2 [&_[data-command-group-heading]]:py-1.5 [&_[data-command-group-heading]]:text-xs [&_[data-command-group-heading]]:font-semibold [&_[data-command-group-heading]]:uppercase [&_[data-command-group-heading]]:tracking-wider"
-    >
-      <div class="flex items-center border-b px-3 h-12 relative" data-cmdk-input-wrapper="">
-        {#if aiMode}
-          <Sparkles class="mr-2 h-4 w-4 shrink-0 text-warning animate-pulse" />
-        {:else}
-          <Search class="mr-2 h-4 w-4 shrink-0 opacity-50" />
-        {/if}
-        <Command.Input
-          bind:value={searchValue}
-          onkeydown={handleKeyDown}
-          placeholder={aiMode ? "Ask AI anything..." : "Search commands or ask AI (Ctrl+Enter)..."}
-          class="flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50"
-        />
-        {#if searchValue.trim() && !aiMode}
-          <button 
-            type="button"
-            class="absolute right-3 flex items-center gap-1 text-[10px] font-medium text-warning bg-warning/10 hover:bg-warning/20 px-2 py-1 rounded transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-            onclick={askAI}
-          >
-            <Sparkles class="h-3 w-3" />
-            <kbd class="font-sans">Ctrl+Enter</kbd> to Ask AI
-          </button>
-        {/if}
-      </div>
-
-      {#if !aiMode}
-        <Command.List class="max-h-[360px] overflow-y-auto overflow-x-hidden p-1">
-          <Command.Empty class="py-6 text-center text-sm text-muted-foreground">
-            No standard commands found. Press <kbd class="px-1 py-0.5 rounded bg-muted border font-sans text-[10px]">Ctrl+Enter</kbd> to ask AI.
-          </Command.Empty>
-
-          <!-- Navigation -->
-          <Command.Group heading={i18n.t('common.home')}>
-            <Command.Item value="home" onSelect={() => act(() => adminContext.navigate('/'))} class={itemClass}>
-              <LayoutDashboard class="h-4 w-4 text-muted-foreground" />
-              {i18n.t('common.home')}
-            </Command.Item>
-            {#each resources as r, _i (_i)}
-              {#if adminContext.accessControlProvider}
-                <CanAccess resource={r.name} action="list">
-                  <Command.Item value={r.name} onSelect={() => act(() => navigation.list(r.name))} class={itemClass}>
-                    <FileText class="h-4 w-4 text-muted-foreground" />
-                    {r.label}
-                  </Command.Item>
-                </CanAccess>
-              {:else}
-                <Command.Item value={r.name} onSelect={() => act(() => navigation.list(r.name))} class={itemClass}>
-                  <FileText class="h-4 w-4 text-muted-foreground" />
-                  {r.label}
-                </Command.Item>
-              {/if}
-            {/each}
-          </Command.Group>
-
-          <Command.Separator class="mx-1 my-1 h-px bg-border" />
-
-          <!-- Actions -->
-          <Command.Group heading={i18n.t('common.actions')}>
-            {#each resources as r, _i (_i)}
-              {#if r.canCreate !== false}
-                {#if adminContext.accessControlProvider}
-                  <CanAccess resource={r.name} action="create">
-                    <Command.Item value={`create-${r.name}`} onSelect={() => act(() => navigation.create(r.name))} class={itemClass}>
-                      <Plus class="h-4 w-4 text-muted-foreground" />
-                      {i18n.t('common.create')} {r.label}
-                    </Command.Item>
-                  </CanAccess>
-                {:else}
-                  <Command.Item value={`create-${r.name}`} onSelect={() => act(() => navigation.create(r.name))} class={itemClass}>
-                    <Plus class="h-4 w-4 text-muted-foreground" />
-                    {i18n.t('common.create')} {r.label}
-                  </Command.Item>
-                {/if}
-              {/if}
-            {/each}
-            <Command.Item value="toggle-theme" onSelect={() => act(() => toggleTheme())} class={itemClass}>
-              <Sun class="h-4 w-4 text-muted-foreground" />
-              {i18n.t('common.toggleTheme')}
-            </Command.Item>
-          </Command.Group>
-        </Command.List>
-      {:else}
-        <!-- AI Response Area -->
-        <div class="h-[360px] max-h-[360px] overflow-y-auto p-4 bg-muted/20">
-          <div class="flex items-start gap-3">
-            <div class="mt-0.5 w-8 h-8 rounded-full bg-warning/10 text-warning flex items-center justify-center shrink-0">
-              <Sparkles class="h-4 w-4" />
-            </div>
-            <div class="flex-1 w-full text-sm">
-              {#if !aiResponse && isPredicting}
-                <div class="flex items-center gap-2 text-muted-foreground mt-1.5">
-                  <Loader2 class="h-4 w-4 animate-spin" /> Thinking...
-                </div>
-              {:else}
-                <MarkdownRenderer content={aiResponse} streaming={isPredicting} />
-              {/if}
-            </div>
-          </div>
-        </div>
-        <div class="p-2 border-t flex justify-end gap-2 bg-muted/10">
-          <button 
-            class="text-xs px-3 py-1.5 rounded-md hover:bg-muted transition-colors text-muted-foreground"
-            onclick={clearAIConversation}
-          >
-            Clear & Return
-          </button>
-        </div>
-      {/if}
-    </Command.Root>
-  </Dialog.DialogContent>
-</Dialog.Dialog>

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

@@ -1,6 +0,0 @@
-type $$ComponentProps = {
-    open?: boolean;
-};
-declare const AICommandBar: import("svelte").Component<$$ComponentProps, {}, "open">;
-type AICommandBar = ReturnType<typeof AICommandBar>;
-export default AICommandBar;