@jhits/plugin-content 0.0.16 → 0.0.19

package/dist/api/router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/api/router.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGxD,MAAM,WAAW,sBAAsB;IACnC,oEAAoE;IACpE,KAAK,EAAE,MAAM,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,GAAG,CAAA;KAAE,CAAC,CAAC;IACxC,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAsB,gBAAgB,CAClC,GAAG,EAAE,WAAW,EAChB,IAAI,EAAE,MAAM,EAAE,EACd,MAAM,EAAE,sBAAsB,GAC/B,OAAO,CAAC,YAAY,CAAC,CA+DvB"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/api/router.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGxD,MAAM,WAAW,sBAAsB;IACnC,oEAAoE;IACpE,KAAK,EAAE,MAAM,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,GAAG,CAAA;KAAE,CAAC,CAAC;IACxC,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAsB,gBAAgB,CAClC,GAAG,EAAE,WAAW,EAChB,IAAI,EAAE,MAAM,EAAE,EACd,MAAM,EAAE,sBAAsB,GAC/B,OAAO,CAAC,YAAY,CAAC,CA6DvB"}

package/dist/api/router.js

@@ -16,7 +16,6 @@ export async function handleContentApi(req, path, config) {
     const method = req.method;
     const safePath = Array.isArray(path) ? path : [];
     const route = safePath.length > 0 ? safePath[0] : '';
-    console.log(`[ContentApiRouter] method=${method}, path=${JSON.stringify(safePath)}, route=${route}, url=${req.url}`);
     try {
         // Route: /api/plugin-content/save
         if (route === 'save') {

package/dist/components/DynamicLink.d.ts

@@ -23,6 +23,6 @@ interface DynamicLinkProps {
         type: 'url' | 'file';
     }) => React.ReactNode;
 }
-export declare function DynamicLink({ linkKey, siteId, locale, defaultLabel, defaultTarget, defaultType, className, isAdmin, apiBaseUrl, isButton, onClick, children }: DynamicLinkProps): import("react/jsx-runtime").JSX.Element;
+export default function DynamicLink({ linkKey, siteId, locale, defaultLabel, defaultTarget, defaultType, className, isAdmin, apiBaseUrl, isButton, onClick, children }: DynamicLinkProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=DynamicLink.d.ts.map

package/dist/components/DynamicLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicLink.d.ts","sourceRoot":"","sources":["../../src/components/DynamicLink.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,UAAU,gBAAgB;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CACjG;AAED,wBAAgB,WAAW,CAAC,EACxB,OAAO,EACP,MAAkB,EAClB,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAmB,EACnB,SAAc,EACd,OAAe,EACf,UAAU,EACV,QAAgB,EAChB,OAAO,EACP,QAAQ,EACX,EAAE,gBAAgB,2CA6GlB"}
+{"version":3,"file":"DynamicLink.d.ts","sourceRoot":"","sources":["../../src/components/DynamicLink.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,UAAU,gBAAgB;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CACjG;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,OAAO,EACP,MAAkB,EAClB,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAmB,EACnB,SAAc,EACd,OAAe,EACf,UAAU,EACV,QAAgB,EAChB,OAAO,EACP,QAAQ,EACX,EAAE,gBAAgB,2CA6GlB"}

package/dist/components/DynamicLink.js

@@ -8,7 +8,7 @@ import { useState } from 'react';
 import { useLinks } from '../hooks/useLinks';
 import { LinkSettingsModal } from './LinkSettingsModal';
 import Link from 'next/link';
-export function DynamicLink({ linkKey, siteId = 'default', locale, defaultLabel, defaultTarget, defaultType = 'url', className = '', isAdmin = false, apiBaseUrl, isButton = false, onClick, children }) {
+export default function DynamicLink({ linkKey, siteId = 'default', locale, defaultLabel, defaultTarget, defaultType = 'url', className = '', isAdmin = false, apiBaseUrl, isButton = false, onClick, children }) {
     const { getLink, refetch } = useLinks(siteId, apiBaseUrl);
     const [isModalOpen, setIsModalOpen] = useState(false);
     const [isHovered, setIsHovered] = useState(false);

package/dist/components/TranslationEditor.d.ts

@@ -1,8 +1,10 @@
 interface TranslationEditorProps {
     messages: Record<string, any>;
     locale: string;
+    apiBaseUrl?: string;
+    siteId?: string;
 }
-declare function TranslationEditorInner({ messages: initialMessages, locale: initialLocale }: TranslationEditorProps): import("react/jsx-runtime").JSX.Element | null;
+declare function TranslationEditorInner({ messages: initialMessages, locale: initialLocale, apiBaseUrl, siteId }: TranslationEditorProps): import("react/jsx-runtime").JSX.Element | null;
 export default TranslationEditorInner;
 export type { TranslationEditorProps };
 //# sourceMappingURL=TranslationEditor.d.ts.map

package/dist/components/TranslationEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TranslationEditor.d.ts","sourceRoot":"","sources":["../../src/components/TranslationEditor.tsx"],"names":[],"mappings":"AAQA,UAAU,sBAAsB;IAC5B,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,iBAAS,sBAAsB,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,sBAAsB,kDA8S3G;AAeD,eAAe,sBAAsB,CAAC;AACtC,YAAY,EAAE,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"TranslationEditor.d.ts","sourceRoot":"","sources":["../../src/components/TranslationEditor.tsx"],"names":[],"mappings":"AAQA,UAAU,sBAAsB;IAC5B,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,iBAAS,sBAAsB,CAAC,EAC5B,QAAQ,EAAE,eAAe,EACzB,MAAM,EAAE,aAAa,EACrB,UAAkC,EAClC,MAAkB,EACrB,EAAE,sBAAsB,kDAoTxB;AAeD,eAAe,sBAAsB,CAAC;AACtC,YAAY,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/TranslationEditor.js

@@ -5,7 +5,7 @@ import { useState, useEffect, useMemo, useRef } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
 import { X, Globe, Search, ChevronRight, Plus, CornerDownRight, ShieldCheck, Lock, Bold, Italic, Type } from 'lucide-react';
 import { parse } from '../utils/parser';
-function TranslationEditorInner({ messages: initialMessages, locale: initialLocale }) {
+function TranslationEditorInner({ messages: initialMessages, locale: initialLocale, apiBaseUrl = '/api/plugin-content', siteId = 'default' }) {
     const router = useRouter();
     const pathname = usePathname();
     const [mounted, setMounted] = useState(false);
@@ -56,7 +56,9 @@ function TranslationEditorInner({ messages: initialMessages, locale: initialLoca
     useEffect(() => {
         async function checkAuth() {
             try {
-                const res = await fetch('/api/plugin-dep/me');
+                // Get the base dashboard API URL (strip plugin-content if present)
+                const baseApi = apiBaseUrl.replace('/plugin-content', '');
+                const res = await fetch(`${baseApi}/plugin-dep/me`);
                 const data = await res.json();
                 if (data.loggedIn)
                     setUserData(data.user);
@@ -69,7 +71,7 @@ function TranslationEditorInner({ messages: initialMessages, locale: initialLoca
             }
         }
         checkAuth();
-    }, []);
+    }, [apiBaseUrl]);
     useEffect(() => {
         const handleLocaleUpdate = (event) => {
             if (event.detail.locale === initialLocale) {
@@ -166,10 +168,14 @@ function TranslationEditorInner({ messages: initialMessages, locale: initialLoca
     const handleSave = async () => {
         setSaving(true);
         try {
-            const res = await fetch('/api/plugin-content/save', {
+            const res = await fetch(`${apiBaseUrl}/save`, {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ locale: initialLocale, messages: jsonData }),
+                body: JSON.stringify({
+                    locale: initialLocale,
+                    messages: jsonData,
+                    siteId
+                }),
             });
             if (res.ok) {
                 router.refresh();

package/dist/index.d.ts

@@ -9,6 +9,10 @@ export interface ContentPluginProps {
     locale?: string;
     /** Messages object - can be passed explicitly or will be fetched from context */
     messages?: Record<string, any>;
+    /** API base URL for the dashboard */
+    apiBaseUrl?: string;
+    /** Site identifier for multi-tenant setups */
+    siteId?: string;
 }
 /**
  * Content Plugin Component
@@ -20,7 +24,7 @@ export { default as MultilineText } from './components/MultilineText';
 export type { MultilineTextProps } from './components/MultilineText';
 export { default as ParsedText } from './components/ParsedText';
 export type { ParsedTextProps } from './components/ParsedText';
-export { DynamicLink } from './components/DynamicLink';
+export { default as DynamicLink } from './components/DynamicLink';
 export type { TranslationEditorProps } from './components/TranslationEditor';
 export { ParserConfigProvider, useParserConfig } from './context/ParserConfigContext';
 export type { ParserConfigProviderProps } from './context/ParserConfigContext';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,MAAM,WAAW,kBAAkB;IAC/B,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAClC;AAoBD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,kDAoB9D;AAkBD,OAAO,EAAE,aAAa,EAAE,CAAC;AAGzB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACtF,YAAY,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAG/E,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAI5C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,MAAM,WAAW,kBAAkB;IAC/B,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAmCD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,kDAyB9D;AAuBD,OAAO,EAAE,aAAa,EAAE,CAAC;AAGzB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACtF,YAAY,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAG/E,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAI5C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/index.js

@@ -6,8 +6,8 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect, lazy, Suspense } from 'react';
 const TranslationEditor = lazy(() => import('./components/TranslationEditor'));
-function ContentPluginWithIntl({ locale, messages }) {
-    return (_jsx(Suspense, { fallback: null, children: _jsx(TranslationEditor, { messages: messages, locale: locale }) }));
+function ContentPluginWithIntl({ locale, messages, apiBaseUrl, siteId }) {
+    return (_jsx(Suspense, { fallback: null, children: _jsx(TranslationEditor, { messages: messages, locale: locale, apiBaseUrl: apiBaseUrl, siteId: siteId }) }));
 }
 function ClientOnly({ children }) {
     const [mounted, setMounted] = useState(false);
@@ -21,29 +21,29 @@ function ClientOnly({ children }) {
  * Renders the translation editor for editing website content
  */
 export default function ContentPlugin(props) {
-    const { enabled = true, locale, messages } = props;
+    const { enabled = true, locale, messages, apiBaseUrl, siteId = 'default' } = props;
     if (!enabled)
         return null;
     // If locale and messages are provided as props, use them directly
     if (locale && messages) {
-        return (_jsx(ClientOnly, { children: _jsx(ContentPluginWithIntl, { locale: locale, messages: messages }) }));
+        return (_jsx(ClientOnly, { children: _jsx(ContentPluginWithIntl, { locale: locale, messages: messages, apiBaseUrl: apiBaseUrl, siteId: siteId }) }));
     }
     // Otherwise, try to use context (for backward compatibility)
-    return (_jsx(ClientOnly, { children: _jsx(ContentPluginWithIntlFallback, {}) }));
+    return (_jsx(ClientOnly, { children: _jsx(ContentPluginWithIntlFallback, { apiBaseUrl: apiBaseUrl, siteId: siteId }) }));
 }
-function ContentPluginWithIntlFallback() {
+function ContentPluginWithIntlFallback({ apiBaseUrl, siteId }) {
     // Dynamic import to avoid SSR issues with next-intl hooks
     const { useMessages, useLocale, NextIntlClientProvider } = require('next-intl');
     const messages = useMessages();
     const locale = useLocale();
-    return (_jsx(NextIntlClientProvider, { locale: locale, messages: messages, children: _jsx(Suspense, { fallback: null, children: _jsx(TranslationEditor, { messages: messages, locale: locale }) }) }));
+    return (_jsx(NextIntlClientProvider, { locale: locale, messages: messages, children: _jsx(Suspense, { fallback: null, children: _jsx(TranslationEditor, { messages: messages, locale: locale, apiBaseUrl: apiBaseUrl, siteId: siteId }) }) }));
 }
 // Export named export for flexibility
 export { ContentPlugin };
 // Export components
 export { default as MultilineText } from './components/MultilineText';
 export { default as ParsedText } from './components/ParsedText';
-export { DynamicLink } from './components/DynamicLink';
+export { default as DynamicLink } from './components/DynamicLink';
 // Export context
 export { ParserConfigProvider, useParserConfig } from './context/ParserConfigContext';
 // Export hooks

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@jhits/plugin-content",
-  "version": "0.0.16",
+  "version": "0.0.19",
   "description": "Content management and localization plugin for the JHITS ecosystem",
   "publishConfig": {
     "access": "public"
   },
-  "main": "./src/index.ts",
-  "types": "./src/index.ts",
+  "main": "./src/index.tsx",
+  "types": "./src/index.tsx",
   "exports": {
     ".": {
       "types": "./src/index.tsx",

package/src/api/router.ts

@@ -33,8 +33,6 @@ export async function handleContentApi(
     const safePath = Array.isArray(path) ? path : [];
     const route = safePath.length > 0 ? safePath[0] : '';
 
-    console.log(`[ContentApiRouter] method=${method}, path=${JSON.stringify(safePath)}, route=${route}, url=${req.url}`);
-
     try {
         // Route: /api/plugin-content/save
         if (route === 'save') {

package/src/components/DynamicLink.tsx

@@ -27,7 +27,7 @@ interface DynamicLinkProps {
     children?: (data: { label: string; target: string; type: 'url' | 'file' }) => React.ReactNode;
 }
 
-export function DynamicLink({
+export default function DynamicLink({
     linkKey,
     siteId = 'default',
     locale,

package/src/components/TranslationEditor.tsx

@@ -9,9 +9,16 @@ import { parse } from '../utils/parser';
 interface TranslationEditorProps {
     messages: Record<string, any>;
     locale: string;
+    apiBaseUrl?: string;
+    siteId?: string;
 }
 
-function TranslationEditorInner({ messages: initialMessages, locale: initialLocale }: TranslationEditorProps) {
+function TranslationEditorInner({ 
+    messages: initialMessages, 
+    locale: initialLocale,
+    apiBaseUrl = '/api/plugin-content',
+    siteId = 'default'
+}: TranslationEditorProps) {
     const router = useRouter();
     const pathname = usePathname();
     const [mounted, setMounted] = useState(false);
@@ -65,7 +72,9 @@ function TranslationEditorInner({ messages: initialMessages, locale: initialLoca
     useEffect(() => {
         async function checkAuth() {
             try {
-                const res = await fetch('/api/plugin-dep/me');
+                // Get the base dashboard API URL (strip plugin-content if present)
+                const baseApi = apiBaseUrl.replace('/plugin-content', '');
+                const res = await fetch(`${baseApi}/plugin-dep/me`);
                 const data = await res.json();
                 if (data.loggedIn) setUserData(data.user);
             } catch (err) {
@@ -75,7 +84,7 @@ function TranslationEditorInner({ messages: initialMessages, locale: initialLoca
             }
         }
         checkAuth();
-    }, []);
+    }, [apiBaseUrl]);
 
     useEffect(() => {
         const handleLocaleUpdate = (event: CustomEvent) => {
@@ -162,10 +171,14 @@ function TranslationEditorInner({ messages: initialMessages, locale: initialLoca
     const handleSave = async () => {
         setSaving(true);
         try {
-            const res = await fetch('/api/plugin-content/save', {
+            const res = await fetch(`${apiBaseUrl}/save`, {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ locale: initialLocale, messages: jsonData }),
+                body: JSON.stringify({ 
+                    locale: initialLocale, 
+                    messages: jsonData,
+                    siteId
+                }),
             });
             if (res.ok) { 
                 router.refresh(); 
@@ -330,5 +343,3 @@ function getFlattenedPaths(obj: any, prefix = ''): { path: string; value: string
 
 export default TranslationEditorInner;
 export type { TranslationEditorProps };
-
-

package/src/index.tsx

@@ -16,12 +16,31 @@ export interface ContentPluginProps {
     locale?: string;
     /** Messages object - can be passed explicitly or will be fetched from context */
     messages?: Record<string, any>;
+    /** API base URL for the dashboard */
+    apiBaseUrl?: string;
+    /** Site identifier for multi-tenant setups */
+    siteId?: string;
 }
 
-function ContentPluginWithIntl({ locale, messages }: { locale: string; messages: Record<string, any> }) {
+function ContentPluginWithIntl({ 
+    locale, 
+    messages, 
+    apiBaseUrl, 
+    siteId 
+}: { 
+    locale: string; 
+    messages: Record<string, any>;
+    apiBaseUrl?: string;
+    siteId?: string;
+}) {
     return (
         <Suspense fallback={null}>
-            <TranslationEditor messages={messages} locale={locale} />
+            <TranslationEditor 
+                messages={messages} 
+                locale={locale} 
+                apiBaseUrl={apiBaseUrl}
+                siteId={siteId}
+            />
         </Suspense>
     );
 }
@@ -41,7 +60,7 @@ function ClientOnly({ children }: { children: React.ReactNode }) {
  * Renders the translation editor for editing website content
  */
 export default function ContentPlugin(props: ContentPluginProps) {
-    const { enabled = true, locale, messages } = props;
+    const { enabled = true, locale, messages, apiBaseUrl, siteId = 'default' } = props;
     
     if (!enabled) return null;
     
@@ -49,7 +68,12 @@ export default function ContentPlugin(props: ContentPluginProps) {
     if (locale && messages) {
         return (
             <ClientOnly>
-                <ContentPluginWithIntl locale={locale} messages={messages} />
+                <ContentPluginWithIntl 
+                    locale={locale} 
+                    messages={messages} 
+                    apiBaseUrl={apiBaseUrl}
+                    siteId={siteId}
+                />
             </ClientOnly>
         );
     }
@@ -57,12 +81,12 @@ export default function ContentPlugin(props: ContentPluginProps) {
     // Otherwise, try to use context (for backward compatibility)
     return (
         <ClientOnly>
-            <ContentPluginWithIntlFallback />
+            <ContentPluginWithIntlFallback apiBaseUrl={apiBaseUrl} siteId={siteId} />
         </ClientOnly>
     );
 }
 
-function ContentPluginWithIntlFallback() {
+function ContentPluginWithIntlFallback({ apiBaseUrl, siteId }: { apiBaseUrl?: string; siteId?: string }) {
     // Dynamic import to avoid SSR issues with next-intl hooks
     const { useMessages, useLocale, NextIntlClientProvider } = require('next-intl');
     const messages = useMessages();
@@ -71,7 +95,12 @@ function ContentPluginWithIntlFallback() {
     return (
         <NextIntlClientProvider locale={locale} messages={messages}>
             <Suspense fallback={null}>
-                <TranslationEditor messages={messages} locale={locale} />
+                <TranslationEditor 
+                    messages={messages} 
+                    locale={locale} 
+                    apiBaseUrl={apiBaseUrl}
+                    siteId={siteId}
+                />
             </Suspense>
         </NextIntlClientProvider>
     );
@@ -85,7 +114,7 @@ export { default as MultilineText } from './components/MultilineText';
 export type { MultilineTextProps } from './components/MultilineText';
 export { default as ParsedText } from './components/ParsedText';
 export type { ParsedTextProps } from './components/ParsedText';
-export { DynamicLink } from './components/DynamicLink';
+export { default as DynamicLink } from './components/DynamicLink';
 export type { TranslationEditorProps } from './components/TranslationEditor';
 
 // Export context

package/dist/views/LinkManager/LinkManager.d.ts

@@ -1,9 +0,0 @@
-/**
- * Link Manager View
- * Allows defining global, localized links and buttons
- */
-export declare function LinkManagerView({ siteId, locale: defaultLocale }: {
-    siteId: string;
-    locale: string;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=LinkManager.d.ts.map

package/dist/views/LinkManager/LinkManager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkManager.d.ts","sourceRoot":"","sources":["../../../src/views/LinkManager/LinkManager.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAsBH,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,2CAuMpG"}

package/dist/views/LinkManager/LinkManager.js

@@ -1,90 +0,0 @@
-/**
- * Link Manager View
- * Allows defining global, localized links and buttons
- */
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { Plus, Link2, Trash2, Globe, Save } from 'lucide-react';
-export function LinkManagerView({ siteId, locale: defaultLocale }) {
-    const [links, setLinks] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [activeTab, setActiveTab] = useState('links');
-    useEffect(() => {
-        // Fetch links from API
-        const fetchLinks = async () => {
-            try {
-                const res = await fetch(`/api/plugin-content/links?siteId=${siteId}`);
-                if (res.ok) {
-                    const data = await res.json();
-                    setLinks(data.links || []);
-                }
-            }
-            catch (err) {
-                console.error('Failed to fetch links:', err);
-            }
-            finally {
-                setLoading(false);
-            }
-        };
-        fetchLinks();
-    }, [siteId]);
-    const handleAddLink = () => {
-        const newLink = {
-            key: `new-link-${Date.now()}`,
-            languages: {
-                [defaultLocale]: { label: 'New Link', target: '', type: 'url' }
-            }
-        };
-        setLinks([...links, newLink]);
-    };
-    const handleSaveLink = async (link) => {
-        try {
-            const res = await fetch('/api/plugin-content/links', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ siteId, link }),
-            });
-            if (res.ok) {
-                // Refresh list or update local state
-                const result = await res.json();
-                setLinks(links.map(l => l.key === link.key ? result.link : l));
-            }
-        }
-        catch (err) {
-            console.error('Failed to save link:', err);
-        }
-    };
-    const handleDeleteLink = async (key) => {
-        if (!confirm('Are you sure you want to delete this link?'))
-            return;
-        try {
-            const res = await fetch(`/api/plugin-content/links?siteId=${siteId}&key=${key}`, {
-                method: 'DELETE',
-            });
-            if (res.ok) {
-                setLinks(links.filter(l => l.key !== key));
-            }
-        }
-        catch (err) {
-            console.error('Failed to delete link:', err);
-        }
-    };
-    return (_jsxs("div", { className: "p-8 bg-white dark:bg-neutral-900 rounded-[2.5rem] h-full overflow-y-auto", children: [_jsxs("div", { className: "flex items-center justify-between mb-8", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-black uppercase tracking-tighter text-neutral-950 dark:text-white", children: "Link & Button Manager" }), _jsx("p", { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Manage dynamic buttons and links across your application" })] }), _jsxs("button", { onClick: handleAddLink, className: "flex items-center gap-2 px-6 py-3 bg-primary text-white rounded-full text-[10px] font-black uppercase tracking-widest hover:bg-primary/90 transition-all shadow-lg shadow-primary/20", children: [_jsx(Plus, { size: 16 }), "Define New Link"] })] }), _jsx("div", { className: "space-y-6", children: links.length === 0 && !loading ? (_jsxs("div", { className: "text-center py-20 bg-neutral-50 dark:bg-neutral-800/50 rounded-[2rem] border-2 border-dashed border-neutral-200 dark:border-neutral-700", children: [_jsx(Link2, { className: "mx-auto size-12 text-neutral-300 dark:text-neutral-600 mb-4" }), _jsx("p", { className: "text-neutral-500", children: "No dynamic links defined yet." })] })) : (links.map((link) => (_jsxs("div", { className: "bg-neutral-50 dark:bg-neutral-800/50 p-6 rounded-[2rem] border border-neutral-200 dark:border-neutral-700", children: [_jsxs("div", { className: "flex items-start justify-between mb-6", children: [_jsxs("div", { className: "flex-1 max-w-md", children: [_jsx("label", { className: "text-[10px] font-black uppercase tracking-widest text-neutral-400 block mb-2", children: "System Key (Unique ID)" }), _jsx("input", { type: "text", value: link.key, onChange: (e) => setLinks(links.map(l => l.key === link.key ? { ...l, key: e.target.value } : l)), className: "w-full bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-700 p-3 rounded-xl text-sm font-bold outline-none focus:border-primary transition-all", placeholder: "e.g. hero-primary-button" })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { onClick: () => handleSaveLink(link), className: "p-3 bg-white dark:bg-neutral-900 text-primary border border-neutral-200 dark:border-neutral-700 rounded-xl hover:border-primary transition-all", title: "Save Link", children: _jsx(Save, { size: 18 }) }), _jsx("button", { onClick: () => handleDeleteLink(link.key), className: "p-3 bg-white dark:bg-neutral-900 text-red-500 border border-neutral-200 dark:border-neutral-700 rounded-xl hover:border-red-500 transition-all", title: "Delete Link", children: _jsx(Trash2, { size: 18 }) })] })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [Object.entries(link.languages).map(([locale, data]) => (_jsxs("div", { className: "bg-white dark:bg-neutral-900 p-5 rounded-2xl border border-neutral-100 dark:border-neutral-800", children: [_jsxs("div", { className: "flex items-center gap-2 mb-4", children: [_jsx(Globe, { size: 14, className: "text-primary" }), _jsxs("span", { className: "text-[10px] font-black uppercase tracking-widest text-neutral-500", children: [locale.toUpperCase(), " Translation"] })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("label", { className: "text-[9px] font-bold uppercase text-neutral-400 block mb-1", children: "Label" }), _jsx("input", { type: "text", value: data.label, onChange: (e) => {
-                                                                const newLangs = { ...link.languages, [locale]: { ...data, label: e.target.value } };
-                                                                setLinks(links.map(l => l.key === link.key ? { ...l, languages: newLangs } : l));
-                                                            }, className: "w-full bg-neutral-50 dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 p-2 rounded-lg text-xs outline-none focus:border-primary transition-all" })] }), _jsxs("div", { children: [_jsx("label", { className: "text-[9px] font-bold uppercase text-neutral-400 block mb-1", children: "Target" }), _jsxs("div", { className: "flex gap-2", children: [_jsxs("select", { value: data.type, onChange: (e) => {
-                                                                        const newType = e.target.value;
-                                                                        const newLangs = { ...link.languages, [locale]: { ...data, type: newType } };
-                                                                        setLinks(links.map(l => l.key === link.key ? { ...l, languages: newLangs } : l));
-                                                                    }, className: "bg-neutral-50 dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 p-2 rounded-lg text-[10px] outline-none", children: [_jsx("option", { value: "url", children: "URL" }), _jsx("option", { value: "file", children: "File" })] }), _jsx("input", { type: "text", value: data.target, onChange: (e) => {
-                                                                        const newLangs = { ...link.languages, [locale]: { ...data, target: e.target.value } };
-                                                                        setLinks(links.map(l => l.key === link.key ? { ...l, languages: newLangs } : l));
-                                                                    }, className: "flex-1 bg-neutral-50 dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 p-2 rounded-lg text-xs outline-none focus:border-primary transition-all", placeholder: data.type === 'url' ? "/about or https://..." : "file-id-..." })] })] })] })] }, locale))), _jsxs("button", { onClick: () => {
-                                        const newLocale = prompt('Enter locale (e.g. en, nl, sv):');
-                                        if (newLocale) {
-                                            const newLangs = { ...link.languages, [newLocale]: { label: '', target: '', type: 'url' } };
-                                            setLinks(links.map(l => l.key === link.key ? { ...l, languages: newLangs } : l));
-                                        }
-                                    }, className: "flex flex-col items-center justify-center p-5 rounded-2xl border-2 border-dashed border-neutral-200 dark:border-neutral-700 hover:border-primary transition-all text-neutral-400 hover:text-primary", children: [_jsx(Plus, { size: 20 }), _jsx("span", { className: "text-[10px] font-black uppercase mt-2", children: "Add translation" })] })] })] }, link.key)))) })] }));
-}

package/dist/views/MediaManager/MediaManager.d.ts

@@ -1,8 +0,0 @@
-/**
- * Media Manager View
- * Allows uploading and managing general files (PDFs, docs, etc.)
- */
-export declare function MediaManagerView({ siteId }: {
-    siteId: string;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=MediaManager.d.ts.map

package/dist/views/MediaManager/MediaManager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaManager.d.ts","sourceRoot":"","sources":["../../../src/views/MediaManager/MediaManager.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAgBH,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,2CAgL9D"}

package/dist/views/MediaManager/MediaManager.js

@@ -1,93 +0,0 @@
-/**
- * Media Manager View
- * Allows uploading and managing general files (PDFs, docs, etc.)
- */
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback } from 'react';
-import { Upload, File, Trash2, Search, Copy, Check, FileText, ExternalLink } from 'lucide-react';
-export function MediaManagerView({ siteId }) {
-    const [files, setFiles] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [uploading, setUploading] = useState(false);
-    const [searchQuery, setSearchQuery] = useState('');
-    const [copiedId, setCopiedId] = useState(null);
-    const fetchFiles = useCallback(async () => {
-        try {
-            setLoading(true);
-            const res = await fetch(`/api/plugin-content/files?siteId=${siteId}`);
-            if (res.ok) {
-                const data = await res.json();
-                setFiles(data.files || []);
-            }
-        }
-        catch (err) {
-            console.error('Failed to fetch files:', err);
-        }
-        finally {
-            setLoading(false);
-        }
-    }, [siteId]);
-    useEffect(() => {
-        fetchFiles();
-    }, [fetchFiles]);
-    const handleUpload = async (e) => {
-        const file = e.target.files?.[0];
-        if (!file)
-            return;
-        try {
-            setUploading(true);
-            const formData = new FormData();
-            formData.append('file', file);
-            formData.append('siteId', siteId);
-            const res = await fetch('/api/plugin-content/files/upload', {
-                method: 'POST',
-                body: formData,
-            });
-            if (res.ok) {
-                fetchFiles();
-            }
-            else {
-                const error = await res.json();
-                alert(error.error || 'Upload failed');
-            }
-        }
-        catch (err) {
-            console.error('Upload error:', err);
-            alert('An error occurred during upload');
-        }
-        finally {
-            setUploading(false);
-        }
-    };
-    const handleDelete = async (id) => {
-        if (!confirm('Are you sure you want to delete this file?'))
-            return;
-        try {
-            const res = await fetch(`/api/plugin-content/files?siteId=${siteId}&id=${id}`, {
-                method: 'DELETE',
-            });
-            if (res.ok) {
-                setFiles(files.filter(f => f.id !== id));
-            }
-        }
-        catch (err) {
-            console.error('Delete error:', err);
-        }
-    };
-    const copyToClipboard = (text) => {
-        navigator.clipboard.writeText(text);
-        setCopiedId(text);
-        setTimeout(() => setCopiedId(null), 2000);
-    };
-    const filteredFiles = files.filter(f => f.filename.toLowerCase().includes(searchQuery.toLowerCase()));
-    const formatSize = (bytes) => {
-        if (bytes === 0)
-            return '0 Bytes';
-        const k = 1024;
-        const sizes = ['Bytes', 'KB', 'MB', 'GB'];
-        const i = Math.floor(Math.log(bytes) / Math.log(k));
-        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
-    };
-    return (_jsxs("div", { className: "p-8 bg-white dark:bg-neutral-900 rounded-[2.5rem] h-full flex flex-col", children: [_jsxs("div", { className: "flex items-center justify-between mb-8", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-black uppercase tracking-tighter text-neutral-950 dark:text-white", children: "File Library" }), _jsx("p", { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Upload and manage documents, PDFs, and other assets" })] }), _jsxs("label", { className: `flex items-center gap-2 px-6 py-3 bg-primary text-white rounded-full text-[10px] font-black uppercase tracking-widest cursor-pointer hover:bg-primary/90 transition-all shadow-lg shadow-primary/20 ${uploading ? 'opacity-50 pointer-events-none' : ''}`, children: [_jsx(Upload, { size: 16 }), uploading ? 'Uploading...' : 'Upload File', _jsx("input", { type: "file", className: "hidden", onChange: handleUpload, disabled: uploading })] })] }), _jsxs("div", { className: "relative mb-6", children: [_jsx(Search, { className: "absolute left-4 top-1/2 -translate-y-1/2 text-neutral-400 size-4" }), _jsx("input", { type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: "Search files by name...", className: "w-full pl-11 pr-4 py-3 bg-neutral-50 dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 rounded-2xl text-sm outline-none focus:border-primary transition-all" })] }), _jsx("div", { className: "flex-1 overflow-y-auto custom-scrollbar", children: loading ? (_jsx("div", { className: "flex items-center justify-center py-20", children: _jsx("div", { className: "w-8 h-8 border-4 border-primary/20 border-t-primary rounded-full animate-spin" }) })) : filteredFiles.length === 0 ? (_jsxs("div", { className: "text-center py-20 bg-neutral-50 dark:bg-neutral-800/50 rounded-[2rem] border-2 border-dashed border-neutral-200 dark:border-neutral-700", children: [_jsx(FileText, { className: "mx-auto size-12 text-neutral-300 dark:text-neutral-600 mb-4" }), _jsx("p", { className: "text-neutral-500", children: searchQuery ? 'No files match your search.' : 'No files uploaded yet.' })] })) : (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6", children: filteredFiles.map((file) => (_jsxs("div", { className: "bg-neutral-50 dark:bg-neutral-800/50 p-5 rounded-[2rem] border border-neutral-200 dark:border-neutral-700 group transition-all hover:shadow-xl hover:border-primary/30", children: [_jsxs("div", { className: "flex items-center gap-4 mb-4", children: [_jsx("div", { className: "p-3 bg-white dark:bg-neutral-900 rounded-2xl shadow-sm group-hover:bg-primary/10 transition-colors", children: _jsx(File, { size: 24, className: "text-primary" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h3", { className: "font-bold text-sm text-neutral-950 dark:text-white truncate", title: file.filename, children: file.filename }), _jsxs("p", { className: "text-[10px] text-neutral-500 uppercase font-black tracking-tight", children: [formatSize(file.size), " \u2022 ", file.mimeType.split('/')[1].toUpperCase()] })] })] }), _jsxs("div", { className: "flex items-center gap-2 pt-4 border-t border-neutral-200 dark:border-neutral-700", children: [_jsxs("button", { onClick: () => copyToClipboard(file.id), className: "flex-1 flex items-center justify-center gap-2 py-2 bg-white dark:bg-neutral-900 rounded-xl text-[9px] font-black uppercase tracking-widest text-neutral-600 dark:text-neutral-400 hover:text-primary transition-all border border-neutral-200 dark:border-neutral-700", children: [copiedId === file.id ? _jsx(Check, { size: 12 }) : _jsx(Copy, { size: 12 }), copiedId === file.id ? 'Copied' : 'ID'] }), _jsx("a", { href: file.url, target: "_blank", rel: "noopener noreferrer", className: "p-2 bg-white dark:bg-neutral-900 rounded-xl text-neutral-600 dark:text-neutral-400 hover:text-blue-500 transition-all border border-neutral-200 dark:border-neutral-700", title: "View/Download", children: _jsx(ExternalLink, { size: 14 }) }), _jsx("button", { onClick: () => handleDelete(file.id), className: "p-2 bg-white dark:bg-neutral-900 rounded-xl text-neutral-600 dark:text-neutral-400 hover:text-red-500 transition-all border border-neutral-200 dark:border-neutral-700", title: "Delete", children: _jsx(Trash2, { size: 14 }) })] })] }, file.id))) })) })] }));
-}

package/dist/views/index.d.ts

@@ -1,10 +0,0 @@
-/**
- * Asset Manager View
- * Main entry point for managing links and files
- */
-export declare function AssetManagerView({ siteId, locale, subPath }: {
-    siteId: string;
-    locale: string;
-    subPath: string[];
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/views/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/views/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AASH,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,EAAE,CAAA;CAAE,2CAkElH"}

package/dist/views/index.js

@@ -1,22 +0,0 @@
-/**
- * Asset Manager View
- * Main entry point for managing links and files
- */
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Link2, FileText, ChevronRight } from 'lucide-react';
-import { LinkManagerView } from './LinkManager/LinkManager';
-import { MediaManagerView } from './MediaManager/MediaManager';
-export function AssetManagerView({ siteId, locale, subPath }) {
-    const route = subPath[1] || 'links';
-    const navigate = (path) => {
-        window.history.pushState(null, '', `/dashboard/content/${path}`);
-        // Force re-render by triggering popstate or similar if needed, 
-        // but for now we'll just handle it via state if we were in a single view
-    };
-    return (_jsxs("div", { className: "flex h-full w-full overflow-hidden", children: [_jsxs("aside", { className: "w-64 border-r border-dashboard-border bg-dashboard-sidebar flex flex-col p-6", children: [_jsx("h2", { className: "text-[10px] font-black uppercase tracking-[0.2em] text-neutral-400 mb-8", children: "Content Assets" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("button", { onClick: () => window.location.href = '/dashboard/content/links', className: `w-full flex items-center justify-between p-4 rounded-2xl transition-all ${route === 'links'
-                                    ? 'bg-primary text-white shadow-lg shadow-primary/20'
-                                    : 'text-neutral-500 hover:bg-neutral-100 dark:hover:bg-neutral-800'}`, children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Link2, { size: 18 }), _jsx("span", { className: "text-sm font-bold", children: "Links & Buttons" })] }), _jsx(ChevronRight, { size: 14, className: route === 'links' ? 'opacity-100' : 'opacity-0' })] }), _jsxs("button", { onClick: () => window.location.href = '/dashboard/content/media', className: `w-full flex items-center justify-between p-4 rounded-2xl transition-all ${route === 'media'
-                                    ? 'bg-primary text-white shadow-lg shadow-primary/20'
-                                    : 'text-neutral-500 hover:bg-neutral-100 dark:hover:bg-neutral-800'}`, children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(FileText, { size: 18 }), _jsx("span", { className: "text-sm font-bold", children: "File Library" })] }), _jsx(ChevronRight, { size: 14, className: route === 'media' ? 'opacity-100' : 'opacity-0' })] })] }), _jsx("div", { className: "mt-auto p-4 bg-dashboard-bg rounded-2xl border border-dashboard-border", children: _jsx("p", { className: "text-[10px] text-neutral-500 leading-relaxed font-medium", children: "Use these assets to make your application buttons and downloads dynamic." }) })] }), _jsx("main", { className: "flex-1 min-w-0 overflow-hidden", children: route === 'links' ? (_jsx(LinkManagerView, { siteId: siteId, locale: locale })) : (_jsx(MediaManagerView, { siteId: siteId })) })] }));
-}