@kyro-cms/admin 0.12.6 → 0.12.8

package/src/integration.ts

@@ -70,7 +70,7 @@ export function kyroAdmin(options: KyroAdminOptions = {}): AstroIntegration {
             sourcemap: false,
             loader: { '.ts': 'ts', '.tsx': 'tsx' },
             resolveExtensions: ['.ts', '.tsx', '.js', '.jsx', '.mjs', '.cjs', '.json'],
-            external: ['@kyro-cms/*'],
+            external: ['@kyro-cms/*', '@ai-sdk/*'],
           });
           tmpFile = resolvedConfig.replace(/\.ts$/, ".admin.mjs");
           fs.writeFileSync(tmpFile, result.outputFiles[0].text, "utf8");
@@ -101,6 +101,10 @@ export function kyroAdmin(options: KyroAdminOptions = {}): AstroIntegration {
                 collections: serialize(cfg?.collections) || [],
                 globals: serialize(cfg?.globals) || [],
                 collectionOverrides: serialize(cfg?.admin?.collectionOverrides) || {},
+                plugins: (cfg?.plugins || []).map((p: any) => ({
+                  name: p.name,
+                  adminEntry: p.adminEntry
+                }))
               });
             }).catch(err => {
               parentPort.postMessage({ error: err.message });
@@ -128,17 +132,21 @@ export function kyroAdmin(options: KyroAdminOptions = {}): AstroIntegration {
             { name: "metaDescription", type: "textarea", label: "Meta Description", admin: { description: "A brief summary for search engines (recommended < 160 chars).", autoGenerate: "content" } },
             { name: "keywords", type: "text", label: "Keywords", admin: { description: "Comma-separated list of keywords for this page." } },
             { name: "ogImage", type: "upload", label: "OpenGraph Image", relationTo: "media", admin: { description: "The image shown when shared on social media." } },
-            { name: "twitter", type: "group", label: "Twitter Card", fields: [
-              { name: "title", type: "text", label: "Twitter Title" },
-              { name: "description", type: "textarea", label: "Twitter Description" },
-              { name: "image", type: "upload", label: "Twitter Image", relationTo: "media" },
-            ]},
-            { name: "advanced", type: "group", label: "Advanced Search Settings", fields: [
-              { name: "noindex", type: "checkbox", label: "Hide from search engines (noindex)", defaultValue: false },
-              { name: "nofollow", type: "checkbox", label: "Do not follow links (nofollow)", defaultValue: false },
-              { name: "canonicalUrl", type: "text", label: "Canonical URL Override", admin: { description: "Leave empty to use the default canonical URL." } },
-              { name: "structuredData", type: "code", label: "JSON-LD Structured Data", admin: { description: "Custom JSON-LD schema for this specific page." } },
-            ]},
+            {
+              name: "twitter", type: "group", label: "Twitter Card", fields: [
+                { name: "title", type: "text", label: "Twitter Title" },
+                { name: "description", type: "textarea", label: "Twitter Description" },
+                { name: "image", type: "upload", label: "Twitter Image", relationTo: "media" },
+              ]
+            },
+            {
+              name: "advanced", type: "group", label: "Advanced Search Settings", fields: [
+                { name: "noindex", type: "checkbox", label: "Hide from search engines (noindex)", defaultValue: false },
+                { name: "nofollow", type: "checkbox", label: "Do not follow links (nofollow)", defaultValue: false },
+                { name: "canonicalUrl", type: "text", label: "Canonical URL Override", admin: { description: "Leave empty to use the default canonical URL." } },
+                { name: "structuredData", type: "code", label: "JSON-LD Structured Data", admin: { description: "Custom JSON-LD schema for this specific page." } },
+              ]
+            },
           ];
           for (const col of (configResult.collections || [])) {
             if (col.seo) {
@@ -165,6 +173,36 @@ export function kyroAdmin(options: KyroAdminOptions = {}): AstroIntegration {
           vite: {
             plugins: [
               useSyncExternalStoreShimPlugin(),
+              {
+                name: "kyro-plugins-virtual",
+                resolveId(id: string) {
+                  if (id === "virtual:kyro-plugins") {
+                    return "\0virtual:kyro-plugins";
+                  }
+                },
+                load(id: string) {
+                  if (id === "\0virtual:kyro-plugins") {
+                    try {
+                      const configData = JSON.parse(fs.readFileSync(configFile, "utf8"));
+                      const pluginsWithAdmin = (configData.plugins || []).filter((p: any) => p.adminEntry);
+
+                      let imports = `import { lazy } from 'react';\n`;
+                      let views = `export const pluginViews = {\n`;
+
+                      for (const p of pluginsWithAdmin) {
+                        // Vite requires absolute paths for local files or bare specifiers for packages
+                        views += `  '${p.name}': lazy(() => import('${p.adminEntry}')),\n`;
+                      }
+
+                      views += `};\n`;
+                      const configExport = `export const projectConfig = ${JSON.stringify(configData)};\n`;
+                      return imports + views + configExport;
+                    } catch (e) {
+                      return `export const pluginViews = {};\nexport const projectConfig = null;\n`;
+                    }
+                  }
+                }
+              },
               {
                 name: "kyro-admin-tsx-loader",
                 enforce: "pre" as const,

package/src/kyro-cms.d.ts

@@ -62,6 +62,8 @@ admin?: {
   export interface JSONField extends FieldConfig { type: 'json' }
   export interface ImageField extends FieldConfig { type: 'image' }
   export interface UploadField extends FieldConfig { type: 'upload' }
+  export interface IconField extends FieldConfig { type: 'icon' }
+  export interface SecretField extends FieldConfig { type: 'secret' }
   export interface RelationshipField extends FieldConfig { type: 'relationship'; relationTo: string }
   export interface BlocksField extends FieldConfig { type: 'blocks'; blocks: Block[] }
   export interface ArrayField extends FieldConfig { type: 'array'; fields: FieldConfig[] }
@@ -181,6 +183,9 @@ admin?: {
     newValue?: unknown;
     [key: string]: unknown;
   }
+
+  export const richTextStyles: string;
+  export function renderRichText(content: unknown, options?: unknown): string;
 }
 
 declare module '@kyro-cms/core/client' {

package/src/lib/api.ts

@@ -35,6 +35,7 @@ export async function fetchWithAuth(
   if (!(options.body instanceof FormData)) {
     headers["Content-Type"] = "application/json";
   }
+  headers["x-kyro-admin"] = "true";
   Object.assign(headers, options.headers as Record<string, string> | undefined);
 
   const response = await fetch(resolveApi(url), {

package/src/lib/autoform-store.ts

@@ -3,7 +3,7 @@ import { persist, createJSONStorage } from "zustand/middleware";
 import type { StateStorage } from "zustand/middleware";
 import { createStorage } from "unstorage";
 import indexedbDriver from "unstorage/drivers/indexedb";
-import type { Version } from "@kyro-cms/core/client";
+import type { Version, VersionDiff } from "@kyro-cms/core/client";
 import { deepEqual, isEmpty } from "./deep-equal";
 import { normalizeUploadFields } from "./normalize-upload-fields";
 
@@ -247,8 +247,9 @@ export const useAutoFormStore = create<AutoFormStore>()(
             if (current[keys[i]] === undefined) {
               current[keys[i]] = {};
             }
-            current[keys[i]] = { ...current[keys[i]] };
-            current = current[keys[i]];
+            const nextVal = current[keys[i]] as Record<string, unknown>;
+            current[keys[i]] = { ...nextVal };
+            current = current[keys[i]] as Record<string, unknown>;
           }
 
           current[keys[keys.length - 1]] = value;

package/src/lib/config.ts

@@ -1,4 +1,5 @@
-import type { AdminConfig, CollectionConfig, GlobalConfig } from "@kyro-cms/core/client";
+import type { CollectionConfig, GlobalConfig } from "@kyro-cms/core/client";
+import type { AdminConfig } from "./core-types";
 import {
   blogCollections,
   ecommerceCollections,
@@ -10,11 +11,7 @@ import {
   allSettingsGlobals,
   coreSettingsGlobals,
 } from "@kyro-cms/core/templates";
-import fs from "fs";
-
-// Injected by Vite's define config — exact path to the serialized config JSON.
-declare const __KYRO_ADMIN_CONFIG_FILE__: string;
-
+import { projectConfig } from "virtual:kyro-plugins";
 type ConfigCollectionInput =
   | CollectionConfig[]
   | Record<string, CollectionConfig>
@@ -255,26 +252,16 @@ function createProjectAdminConfig(config: {
   };
 }
 
-// Read config from the JSON file whose path is injected by Vite's define.
-let cachedConfig: { collections: any[]; globals: any[]; collectionOverrides?: Record<string, any> } | null = null;
-
+// Read config from the virtual module injected by our Vite plugin
 function loadProjectConfig() {
-  if (cachedConfig) return cachedConfig;
-  try {
-    if (typeof __KYRO_ADMIN_CONFIG_FILE__ === "string" && fs.existsSync(__KYRO_ADMIN_CONFIG_FILE__)) {
-      cachedConfig = JSON.parse(fs.readFileSync(__KYRO_ADMIN_CONFIG_FILE__, "utf8"));
-      return cachedConfig;
-    }
-  } catch {
-    // fall through to kitchen-sink default
-  }
+  if (projectConfig) return projectConfig;
   return null;
 }
 
 const projectCfg = loadProjectConfig() || { collections: [], globals: [] };
 
 const rawConfig = createProjectAdminConfig(projectCfg);
-applyCollectionAdminOverrides(rawConfig.collections, projectCfg.collectionOverrides);
+applyCollectionAdminOverrides(rawConfig.collections, (projectCfg.collectionOverrides as Record<string, any>) || {});
 
 export const adminConfig = rawConfig;
 export const collections = adminConfig.collections;

package/src/lib/core-types.ts

@@ -0,0 +1,78 @@
+/**
+ * Local type declarations for core types that TSC cannot resolve
+ * from the barrel `@kyro-cms/core/client` due to tsup's chunked
+ * .d.ts re-export format.
+ *
+ * These types mirror the definitions in the core source and are
+ * used only for compile-time type checking in the admin package.
+ * At runtime, Vite resolves the actual types correctly.
+ */
+
+/** Minimal BaseField shape needed for IconField/SecretField */
+interface BaseField {
+  type: string;
+  name: string;
+  label?: string;
+  required?: boolean;
+  admin?: Record<string, any>;
+  [key: string]: unknown;
+}
+
+// --- Field Types ---
+
+export interface IconField extends BaseField {
+  type: "icon";
+}
+
+export interface SecretField extends BaseField {
+  type: "secret";
+}
+
+export type DeclarativeCondition =
+  | {
+      field: string;
+      equals?: string | number | boolean;
+      notEquals?: string | number | boolean;
+      in?: (string | number | boolean)[];
+      greaterThan?: number;
+    }
+  | { and: DeclarativeCondition[] }
+  | { or: DeclarativeCondition[] };
+
+// --- Config Types ---
+
+export interface AdminConfig {
+  /** Admin panel title */
+  title?: string;
+  /** Sidebar label override */
+  label?: string;
+  /** Description shown in the admin */
+  description?: string;
+  /** Admin panel icon (lucide icon name) */
+  icon?: string;
+  /** Hide from navigation */
+  hidden?: boolean;
+  /** Default columns shown in the list view */
+  listColumns?: string[];
+  /** Default sort field */
+  defaultSort?: string;
+  /** Enable/disable search */
+  enableSearch?: boolean;
+  /** Custom admin group */
+  group?: string;
+  /** Pagination settings */
+  pagination?: {
+    defaultLimit?: number;
+    limits?: number[];
+  };
+  /** Preview URL function */
+  preview?: (doc: Record<string, any>) => string | null;
+  /** Live preview configuration */
+  livePreview?: {
+    url?: string | ((doc: Record<string, any>) => string);
+  };
+  /** Custom CSS class for the admin view */
+  className?: string;
+  /** Disable create button */
+  disableCreate?: boolean;
+}

package/src/lib/normalize-upload-fields.ts

@@ -7,13 +7,13 @@
  * Without normalization, the server stores the full object as a JSON string,
  * which causes 404s on the next load when trying to fetch the media.
  */
-export function normalizeUploadFields(value: unknown): unknown {
+export function normalizeUploadFields(value: unknown, isRoot = false): unknown {
   if (value === null || value === undefined || typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
     return value;
   }
 
   if (Array.isArray(value)) {
-    return value.map(normalizeUploadFields);
+    return value.map(v => normalizeUploadFields(v, false));
   }
 
   if (typeof value === "object") {
@@ -25,14 +25,27 @@ export function normalizeUploadFields(value: unknown): unknown {
     const hasId = "id" in obj && (typeof obj.id === "string" || obj.id === null);
     const hasMediaField = "url" in obj && ("filename" in obj || "mimeType" in obj);
     
-    if (hasId && hasMediaField && keys.length <= 25) {
+    if (!isRoot && hasId && hasMediaField && keys.length <= 25) {
+      return obj.id;
+    }
+
+    // Heuristic for polymorphic relationships: { relationTo: '...', value: { id: '...' } }
+    if (!isRoot && "relationTo" in obj && "value" in obj && typeof obj.value === "object" && obj.value !== null) {
+      const valObj = obj.value as Record<string, unknown>;
+      if ("id" in valObj && (typeof valObj.id === "string" || typeof valObj.id === "number")) {
+        return { relationTo: obj.relationTo, value: valObj.id };
+      }
+    }
+
+    // Heuristic for regular populated relationships: must have id, createdAt, updatedAt
+    if (!isRoot && hasId && "createdAt" in obj && "updatedAt" in obj) {
       return obj.id;
     }
 
     // Recursively normalize nested objects (tabs, groups, blocks, arrays)
     const result: Record<string, unknown> = {};
     for (const key of keys) {
-      result[key] = normalizeUploadFields(obj[key]);
+      result[key] = normalizeUploadFields(obj[key], false);
     }
     return result;
   }

package/src/pages/[collection]/index.astro

@@ -32,7 +32,7 @@ if (!isSettings) {
 
   try {
     const response = await fetch(
-      `${Astro.url.origin}${apiPath}/${collection}?page=${page}&limit=${limit}&t=${Date.now()}`,
+      `${Astro.url.origin}${apiPath}/${collection}?page=${page}&limit=${limit}&depth=1&t=${Date.now()}`,
       {
         headers: Astro.request.headers,
         credentials: "include",

package/src/pages/users/index.astro

@@ -10,7 +10,7 @@ let totalUsers = 0;
 
 try {
   const response = await fetch(
-    `${Astro.url.origin}${apiPath}/users?page=1&limit=100`,
+    `${Astro.url.origin}${apiPath}/users?page=1&limit=100&depth=1`,
     {
       headers: Astro.request.headers,
       credentials: "include",

package/src/plugins/seo-admin.tsx

@@ -0,0 +1,155 @@
+import React, { useState, useEffect } from 'react';
+import { useToast } from '../index';
+
+export default function SeoSettings() {
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [docId, setDocId] = useState<string | null>(null);
+
+  const [sitemap, setSitemap] = useState(true);
+  const [robotsTxt, setRobotsTxt] = useState('');
+  const [canonicalUrl, setCanonicalUrl] = useState('');
+  const [ogImage, setOgImage] = useState('');
+
+  const { addToast } = useToast();
+
+  useEffect(() => {
+    const apiPath = (window as any).__KYRO_API_PATH__ || '/api';
+    fetch(`${apiPath}/seo-settings?limit=1`, { credentials: 'include' })
+      .then(res => res.json())
+      .then(resData => {
+        if (resData && resData.docs && resData.docs.length > 0) {
+          const doc = resData.docs[0];
+          setDocId(doc.id);
+          if (doc.sitemap !== undefined) setSitemap(doc.sitemap);
+          if (doc.robotsTxt !== undefined) setRobotsTxt(doc.robotsTxt);
+          if (doc.canonicalUrl !== undefined) setCanonicalUrl(doc.canonicalUrl);
+          if (doc.ogImage !== undefined) setOgImage(doc.ogImage);
+        }
+        setLoading(false);
+      })
+      .catch(err => {
+        console.error('Failed to load SEO settings:', err);
+        setLoading(false);
+      });
+  }, []);
+
+  const handleSave = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    setSaving(true);
+
+    const apiPath = (window as any).__KYRO_API_PATH__ || '/api';
+    
+    try {
+      const payload = {
+        sitemap,
+        robotsTxt,
+        canonicalUrl,
+        ogImage
+      };
+
+      let url = `${apiPath}/seo-settings`;
+      let method = 'POST';
+
+      if (docId) {
+        url = `${url}/${docId}`;
+        method = 'PATCH';
+      }
+
+      const res = await fetch(url, {
+        method,
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(payload),
+        credentials: 'include'
+      });
+
+      if (!res.ok) {
+        throw new Error('Failed to save settings');
+      }
+
+      const data = await res.json();
+      if (data.doc && !docId) {
+        setDocId(data.doc.id);
+      }
+      addToast('success', 'SEO Settings saved successfully!');
+    } catch (err) {
+      console.error(err);
+      addToast('error', 'Error saving settings.');
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  if (loading) {
+    return (
+      <div className="p-8 flex items-center justify-center animate-pulse">
+        <div className="w-8 h-8 rounded-full border-2 border-t-[var(--kyro-primary)] border-[var(--kyro-primary)]/20 animate-spin" />
+      </div>
+    );
+  }
+
+  return (
+    <div className="p-4">
+      <h2 className="text-lg font-bold mb-4">SEO Configuration</h2>
+      <form onSubmit={handleSave} className="space-y-4">
+        
+        {/* Sitemap Checkbox */}
+        <div className="flex items-center gap-3">
+          <input
+            type="checkbox"
+            id="sitemap"
+            checked={sitemap}
+            onChange={(e) => setSitemap(e.target.checked)}
+            className="w-4 h-4 rounded border-[var(--kyro-border)] text-[var(--kyro-primary)] focus:ring-[var(--kyro-primary)]"
+          />
+          <label htmlFor="sitemap" className="text-sm font-medium text-[var(--kyro-text)]">
+            Enable Sitemap Generation
+          </label>
+        </div>
+
+        {/* Canonical URL */}
+        <div className="space-y-1.5">
+          <label className="text-xs font-medium text-[var(--kyro-text)]">Canonical URL</label>
+          <input
+            type="url"
+            value={canonicalUrl}
+            onChange={(e) => setCanonicalUrl(e.target.value)}
+            className="w-full px-3 py-1.5 bg-[var(--kyro-bg-secondary)] border border-[var(--kyro-border)] rounded-lg text-sm focus:border-[var(--kyro-primary)] focus:ring-1 focus:ring-[var(--kyro-primary)] outline-none transition-all"
+            placeholder="https://example.com"
+          />
+        </div>
+
+        {/* Default OG Image */}
+        <div className="space-y-1.5">
+          <label className="text-xs font-medium text-[var(--kyro-text)]">Default OG Image URL</label>
+          <input
+            type="text"
+            value={ogImage}
+            onChange={(e) => setOgImage(e.target.value)}
+            className="w-full px-3 py-1.5 bg-[var(--kyro-bg-secondary)] border border-[var(--kyro-border)] rounded-lg text-sm focus:border-[var(--kyro-primary)] focus:ring-1 focus:ring-[var(--kyro-primary)] outline-none transition-all"
+            placeholder="/images/og-default.jpg"
+          />
+        </div>
+
+        {/* robots.txt Content */}
+        <div className="space-y-1.5">
+          <label className="text-xs font-medium text-[var(--kyro-text)]">robots.txt Content</label>
+          <textarea
+            value={robotsTxt}
+            onChange={(e) => setRobotsTxt(e.target.value)}
+            className="w-full h-24 px-3 py-2 bg-[var(--kyro-bg-secondary)] border border-[var(--kyro-border)] rounded-lg text-sm focus:border-[var(--kyro-primary)] focus:ring-1 focus:ring-[var(--kyro-primary)] outline-none transition-all font-mono"
+            placeholder="User-agent: *&#10;Allow: /"
+          />
+        </div>
+
+        <button
+          type="submit"
+          disabled={saving}
+          className="w-full py-2 mt-2 bg-[var(--kyro-primary)] text-white font-bold rounded-lg shadow-md shadow-[var(--kyro-primary)]/20 hover:opacity-90 transition-opacity disabled:opacity-50 text-sm"
+        >
+          {saving ? 'Saving...' : 'Save Settings'}
+        </button>
+      </form>
+    </div>
+  );
+}

package/src/styles/main.css

@@ -39,6 +39,7 @@
 
   /* Semantic UI */
   --kyro-border: #f3f4f6;
+  --kyro-border-strong: #d1d5db;
   --kyro-input-bg: #ffffff;
   --kyro-input-border: #e5e7eb;
 
@@ -91,6 +92,7 @@
   --kyro-text-muted: #71717a;
 
   --kyro-border: rgba(255, 255, 255, 0.08);
+  --kyro-border-strong: rgba(255, 255, 255, 0.18);
   --kyro-input-bg: #1c1c1c;
   --kyro-input-border: rgba(255, 255, 255, 0.1);
 

package/src/vite-env.d.ts

@@ -9,6 +9,15 @@ declare module "graphiql/graphiql.css" {
 }
 
 declare module "react-image-crop/dist/ReactCrop.css" {
-  const content: string;
+  const content: Record<string, string>;
   export default content;
 }
+
+declare module "virtual:kyro-plugins" {
+  import type { LazyExoticComponent, ComponentType } from "react";
+  export const pluginViews: Record<
+    string,
+    LazyExoticComponent<ComponentType<any>>
+  >;
+  export const projectConfig: any;
+}

package/src/components/fix_imports.cjs

@@ -1,23 +0,0 @@
-const fs = require('fs');
-
-const addImport = (file, icons, relativePath) => {
-  let content = fs.readFileSync(file, 'utf8');
-  if (!content.includes('from "' + relativePath + '"')) {
-    const importStatement = `import { ${icons.join(', ')} } from "${relativePath}";\n`;
-    content = importStatement + content;
-    fs.writeFileSync(file, content);
-  } else {
-    // If it exists, we might need to append to the existing import. 
-    // To be safe and simple, let's just add a new line. TS merges imports.
-    const importStatement = `import { ${icons.join(', ')} } from "${relativePath}";\n`;
-    content = importStatement + content;
-    fs.writeFileSync(file, content);
-  }
-}
-
-addImport('/Users/macbook/Dev/Web/Astro/kyro-cms/admin/src/components/MediaGallery.tsx', ['Search', 'Check', 'Server'], './ui/icons');
-addImport('/Users/macbook/Dev/Web/Astro/kyro-cms/admin/src/components/ui/Modal.tsx', ['X'], './icons');
-addImport('/Users/macbook/Dev/Web/Astro/kyro-cms/admin/src/components/ui/PromptModal.tsx', ['X'], './icons');
-addImport('/Users/macbook/Dev/Web/Astro/kyro-cms/admin/src/components/ui/SlidePanel.tsx', ['X'], './icons');
-addImport('/Users/macbook/Dev/Web/Astro/kyro-cms/admin/src/components/users/UsersList.tsx', ['Plus', 'Lock', 'CheckCircle2', 'Edit2', 'Trash2', 'XCircle', 'X'], '../ui/icons');
-

package/src/components/fix_imports2.cjs

@@ -1,19 +0,0 @@
-const fs = require('fs');
-
-const addImport = (file, icons, relativePath) => {
-  let content = fs.readFileSync(file, 'utf8');
-  if (!content.includes('from "' + relativePath + '"')) {
-    const importStatement = `import { ${icons.join(', ')} } from "${relativePath}";\n`;
-    content = importStatement + content;
-    fs.writeFileSync(file, content);
-  } else {
-    const importStatement = `import { ${icons.join(', ')} } from "${relativePath}";\n`;
-    content = importStatement + content;
-    fs.writeFileSync(file, content);
-  }
-}
-
-addImport('/Users/macbook/Dev/Web/Astro/kyro-cms/admin/src/components/AuditLogsPage.tsx', ['Search'], './ui/icons');
-addImport('/Users/macbook/Dev/Web/Astro/kyro-cms/admin/src/components/AutoForm.tsx', ['ChevronRight', 'Check', 'ExternalLink', 'X'], './ui/icons');
-addImport('/Users/macbook/Dev/Web/Astro/kyro-cms/admin/src/components/ListView.tsx', ['Search', 'Filter', 'Columns3', 'X', 'Trash2', 'Archive', 'ChevronUp', 'Edit2'], './ui/icons');
-

package/src/components/replace_svgs.cjs

@@ -1,63 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-
-const dir = '/Users/macbook/Dev/Web/Astro/kyro-cms/admin/src/components';
-const getFiles = (dir) => {
-  const dirents = fs.readdirSync(dir, { withFileTypes: true });
-  const files = dirents.map((dirent) => {
-    const res = path.resolve(dir, dirent.name);
-    return dirent.isDirectory() ? getFiles(res) : res;
-  });
-  return Array.prototype.concat(...files).filter(f => f.endsWith('.tsx'));
-};
-
-const files = getFiles(dir);
-
-const replacements = [
-  { match: /<svg[^>]*>\s*<path[^>]*d="M12 4v16m8-8H4"[^>]*\/>\s*<\/svg>/g, replace: '<Plus className="w-4 h-4" />', icon: 'Plus' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"[^>]*\/>\s*<\/svg>/g, replace: '<Upload className="w-4 h-4" />', icon: 'Upload' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"[^>]*\/>\s*<\/svg>/g, replace: '<Copy className="w-4 h-4" />', icon: 'Copy' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M19 7l-\.867 12\.142A2 2 0 0116\.138 21H7\.862a2 2 0 01-1\.995-1\.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"[^>]*\/>\s*<\/svg>/g, replace: '<Trash2 className="w-4 h-4" />', icon: 'Trash2' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z"[^>]*\/>\s*<\/svg>/g, replace: '<Lock className="w-4 h-4" />', icon: 'Lock' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M10 18a8 8 0 100-16 8 8 0 000 16zm3\.707-9\.293a1 1 0 00-1\.414-1\.414L9 10\.586 7\.707 9\.293a1 1 0 00-1\.414 1\.414l2 2a1 1 0 001\.414 0l4-4z"[^>]*\/>\s*<\/svg>/g, replace: '<CheckCircle2 className="w-4 h-4" />', icon: 'CheckCircle2' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1\.414-9\.414a2 2 0 112\.828 2\.828L11\.828 15H9v-2\.828l8\.586-8\.586z"[^>]*\/>\s*<\/svg>/g, replace: '<Edit2 className="w-4 h-4" />', icon: 'Edit2' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M10 18a8 8 0 100-16 8 8 0 000 16zM8\.707 7\.293a1 1 0 00-1\.414 1\.414L8\.586 10l-1\.293 1\.293a1 1 0 101\.414 1\.414L10 11\.414l1\.293 1\.293a1 1 0 001\.414-1\.414L11\.414 10l1\.293-1\.293a1 1 0 00-1\.414-1\.414L10 8\.586 8\.707 7\.293z"[^>]*\/>\s*<\/svg>/g, replace: '<XCircle className="w-4 h-4" />', icon: 'XCircle' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M6 18L18 6M6 6l12 12"[^>]*\/>\s*<\/svg>/g, replace: '<X className="w-4 h-4" />', icon: 'X' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"[^>]*\/>\s*<\/svg>/g, replace: '<Search className="w-4 h-4" />', icon: 'Search' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M5 13l4 4L19 7"[^>]*\/>\s*<\/svg>/g, replace: '<Check className="w-4 h-4" />', icon: 'Check' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2\.586a1 1 0 01-\.293\.707l-6\.414 6\.414a1 1 0 00-\.293\.707V17l-4 4v-6\.586a1 1 0 00-\.293-\.707L3\.293 7\.293A1 1 0 013 6\.586V4z"[^>]*\/>\s*<\/svg>/g, replace: '<Filter className="w-4 h-4" />', icon: 'Filter' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M9 17V7m0 10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h2a2 2 0 012 2m0 10a2 2 0 002 2h2a2 2 0 002-2M9 7a2 2 0 012-2h2a2 2 0 012 2m0 10V7m0 10a2 2 0 002 2h2a2 2 0 002-2V7a2 2 0 00-2-2h-2a2 2 0 00-2 2"[^>]*\/>\s*<\/svg>/g, replace: '<Columns3 className="w-4 h-4" />', icon: 'Columns3' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M12 5v14M5 12h14"[^>]*\/>\s*<\/svg>/g, replace: '<Plus className="w-4 h-4" />', icon: 'Plus' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"[^>]*\/>\s*<\/svg>/g, replace: '<Archive className="w-4 h-4" />', icon: 'Archive' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M5 15l7-7 7 7"[^>]*\/>\s*<\/svg>/g, replace: '<ChevronUp className="w-4 h-4" />', icon: 'ChevronUp' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M15 19l-7-7 7-7"[^>]*\/>\s*<\/svg>/g, replace: '<ChevronRight className="w-4 h-4" />', icon: 'ChevronRight' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M20 6L9 17l-5-5"[^>]*\/>\s*<\/svg>/g, replace: '<Check className="w-4 h-4" />', icon: 'Check' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6M15 3h6v6M10 14L21 3"[^>]*\/>\s*<\/svg>/g, replace: '<ExternalLink className="w-4 h-4" />', icon: 'ExternalLink' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"[^>]*\/>\s*<\/svg>/g, replace: '<File className="w-4 h-4" />', icon: 'File' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"[^>]*\/>\s*<\/svg>/g, replace: '<Clipboard className="w-4 h-4" />', icon: 'Clipboard' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M18 6L6 18M6 6l12 12"[^>]*\/>\s*<\/svg>/g, replace: '<X className="w-4 h-4" />', icon: 'X' },
-  { match: /<svg[^>]*>\s*<path[^>]*d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2H5a2 2 0 00-2 2v1m2 2a2 2 0 11-4 0 2 2 0 014 0zm2 2h\.008v\.008H5v-\.008z"[^>]*\/>\s*<\/svg>/g, replace: '<Server className="w-8 h-8 text-[var(--kyro-sidebar-text-active)]" />', icon: 'Server' }
-];
-
-const results = {};
-
-for (const file of files) {
-  let content = fs.readFileSync(file, 'utf8');
-  let changed = false;
-  let addedIcons = new Set();
-  
-  for (const r of replacements) {
-    if (content.match(r.match)) {
-      content = content.replace(r.match, r.replace);
-      addedIcons.add(r.icon);
-      changed = true;
-    }
-  }
-  
-  if (changed) {
-    results[file] = Array.from(addedIcons);
-    fs.writeFileSync(file, content);
-  }
-}
-
-console.log(JSON.stringify(results, null, 2));