@svadmin/ui 0.11.0 → 0.11.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [

package/src/app.css

@@ -8,6 +8,14 @@
  */
 
 @layer base {
+  /* Global border-color reset — ensures Tailwind border utilities
+   * (border-r, border-t, etc.) use the theme color instead of currentColor */
+  *,
+  ::after,
+  ::before {
+    border-color: var(--border);
+  }
+
   :root {
     --radius: 0.5rem;
     --background: oklch(0.98 0.002 264);
@@ -169,3 +177,59 @@ body {
   --radius-lg: var(--radius);
   --radius-xl: calc(var(--radius) + 4px);
 }
+
+/* ─── 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 */
+.copy-btn[data-copied-id] {
+  color: #10b981; /* Tailwind emerald-500 */
+}
+.copy-btn[data-copied-id] svg {
+  /* Swap to Check icon */
+  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%2310b981" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');
+}
+
+/* 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;
+}

package/src/components/AdminApp.svelte

@@ -100,6 +100,9 @@
   let authChecked = $state(false);
 
   $effect(() => {
+    // Explicitly track route so auth is re-checked on navigation
+    const _route = route;
+
     if (!authProvider) {
       isAuthenticated = true;
       authChecked = true;
@@ -108,7 +111,7 @@
     authProvider.check().then(result => {
       isAuthenticated = result.authenticated;
       authChecked = true;
-      if (!result.authenticated && route !== '/login' && route !== '/register' && route !== '/forgot-password' && route !== '/update-password') {
+      if (!result.authenticated && _route !== '/login' && _route !== '/register' && _route !== '/forgot-password' && _route !== '/update-password') {
         navigate(result.redirectTo ?? '/login');
       }
     });

package/src/components/ChatDialog.svelte

@@ -446,24 +446,4 @@
   {/if}
 {/if}
 
-<style>
-  :global(.chat-markdown pre.chat-code-block) {
-    background: 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;
-  }
-  :global(.chat-markdown code.chat-inline-code) {
-    background: hsl(var(--muted));
-    padding: 0.125rem 0.375rem;
-    border-radius: 0.25rem;
-    font-size: 0.8125em;
-    font-family: ui-monospace, monospace;
-  }
-  :global(.chat-markdown strong) {
-    font-weight: 600;
-  }
-</style>
+

package/src/components/MarkdownRenderer.svelte

@@ -109,36 +109,4 @@
   {@html html}
 </div>
 
-<style>
-  /* Base Markdown Styles */
-  :global(.prose) {
-    line-height: 1.6;
-  }
-  :global(.prose p) {
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
-  }
-  
-  /* Streaming cursor effect */
-  .streaming > :global(*:last-child)::after {
-    content: '▋';
-    display: inline-block;
-    animation: blink 1s step-start infinite;
-    margin-left: 2px;
-    vertical-align: baseline;
-    color: currentColor;
-  }
 
-  @keyframes blink {
-    50% { opacity: 0; }
-  }
-
-  /* Handle copied state for dynamically injected buttons */
-  :global(.copy-btn[data-copied-id]) {
-    color: #10b981; /* Tailwind emerald-500 */
-  }
-  :global(.copy-btn[data-copied-id] svg) {
-    /* Swap to Check icon */
-    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%2310b981" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');
-  }
-</style>