@vertesia/ui 0.66.0 → 0.67.0

package/src/features/agent/chat/ModernAgentOutput/MessageItem.tsx

@@ -254,7 +254,7 @@ export default function MessageItem({ message, showPulsatingCircle = false }: Me
                     components={{
                         a: ({ node, ...props }: { node?: any; href?: string; children?: React.ReactNode }) => {
                             const href = props.href || "";
-                            if (href.startsWith("/store/")) {
+                            if (href.includes("/store/objects")) {
                                 return (
                                     <NavLink
                                         href={href}

package/src/features/store/objects/components/ContentOverview.tsx

@@ -3,11 +3,12 @@ import Markdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 
 import { useUserSession } from "@vertesia/ui/session";
-import { Button, Link, Spinner, useToast } from "@vertesia/ui/core";
+import { Button, Spinner, useToast } from "@vertesia/ui/core";
 import { JSONDisplay } from "@vertesia/ui/widgets";
 import { ContentObject, ImageRenditionFormat } from "@vertesia/common";
 import { Copy, Download, SquarePen } from "lucide-react";
 import { PropertiesEditorModal } from "./PropertiesEditorModal";
+import { NavLink } from "@vertesia/ui/router";
 
 interface ContentOverviewProps {
     object: ContentObject;
@@ -320,17 +321,18 @@ export function ContentOverview({
                                         components={{
                                             a: ({ node, ...props }: { node?: any; href?: string; children?: React.ReactNode }) => {
                                                 const href = props.href || "";
-                                                if (href.startsWith("/store/objects/")) {
+                                                if (href.includes("/store/objects/")) {
                                                     return (
-                                                        <Link
+                                                        <NavLink
+                                                            topLevelNav
                                                             href={href}
                                                             className="text-info"
                                                         >
                                                             {props.children}
-                                                        </Link>
+                                                        </NavLink>
                                                     );
                                                 }
-                                                return <a {...props} target="_blank" rel="noopener noreferrer" />;
+                                                return <a {...props} data-debug="test" target="_blank" rel="noopener noreferrer" />;
                                             },
                                             p: ({ node, ...props }: { node?: any; children?: React.ReactNode }) => (
                                                 <p {...props} className={`my-0`} />

package/src/layout/FullHeightLayout.tsx

@@ -12,7 +12,7 @@ export function FullHeightLayout({ className, children }: FlexibleHeightLayoutPr
                 "flex flex-col",
                 "h-full",
                 "overflow-y-auto",
-                // "dark:bg-slate-900 text-slate-950 dark:text-slate-200",
+                "px-2",
                 className
             )}
         >
@@ -50,7 +50,7 @@ FullHeightLayout.Body = function Body({ className, children }: BodyProps) {
             className={clsx(
                 "grow overflow-auto",
                 "min-h-0",
-                "px-4 py-2",
+                "p-2",
                 className
             )}
         >