@djangocfg/ui-tools 2.1.418 → 2.1.419

package/src/tools/chat/launcher/header/ChatHeaderActionButton.tsx

@@ -19,7 +19,7 @@ export interface ChatHeaderActionButtonProps
   /**
    * Tooltip copy. Defaults to `ariaLabel`. Pass to show a friendlier
    * label than the (sometimes terse) aria string. Set `false` to opt
-   * out of the floating tooltip entirely (native `title` still applies).
+   * out of the floating tooltip entirely.
    */
   tooltip?: ReactNode | false;
   /** Optional unread / status badge — small number on top-right. */
@@ -72,7 +72,6 @@ export const ChatHeaderActionButton = forwardRef<HTMLButtonElement, ChatHeaderAc
         ref={ref}
         type="button"
         aria-label={ariaLabel}
-        title={ariaLabel}
         disabled={disabled || loading}
         className={cn(
           'relative inline-flex h-7 w-7 items-center justify-center rounded-md',
@@ -98,7 +97,7 @@ export const ChatHeaderActionButton = forwardRef<HTMLButtonElement, ChatHeaderAc
       </button>
     );
 
-    // Opted out — keep the native `title` only.
+    // Opted out — render the button without any tooltip.
     if (tooltip === false) return button;
 
     // Floating tooltip on hover *and* keyboard focus.

package/src/tools/chat/lazy.tsx

@@ -28,7 +28,7 @@
  * `LazyChatLauncher` and skip the synchronous component re-exports.
  */
 
-import { createLazyComponent, LoadingFallback } from '../../components/lazy-wrapper';
+import { createLazyComponent, LoadingFallback } from '../../common/lazy-wrapper';
 import type { ChatRootProps } from './shell/ChatRoot';
 import type { ChatLauncherProps } from './launcher';
 

package/src/tools/chat/messages/MessageBubble.tsx

@@ -5,7 +5,7 @@ import { memo, type ReactNode } from 'react';
 import { Avatar, AvatarFallback, AvatarImage } from '@djangocfg/ui-core/components';
 import { cn } from '@djangocfg/ui-core/lib';
 
-import { MarkdownMessage } from '../../dev/MarkdownMessage';
+import { MarkdownMessage } from '../../dev/code/MarkdownMessage';
 import type {
   ChatAssistantContext,
   ChatAttachment,

package/src/tools/chat/messages/blocks/builtin.tsx

@@ -12,7 +12,7 @@
 
 import { lazy, Suspense, type ComponentType } from 'react';
 
-import { MarkdownMessage } from '../../../dev/MarkdownMessage';
+import { MarkdownMessage } from '../../../dev/code/MarkdownMessage';
 import type {
   AudioBlock,
   CodeBlock,

package/src/tools/chat/messages/blocks/renderers/CodeBlock.tsx

@@ -2,8 +2,8 @@
 
 /** Code block — read-only syntax highlighting via `PrettyCode`. */
 
-import { LazyPrettyCode } from '../../../../dev/PrettyCode/lazy';
-import type { Language } from '../../../../dev/PrettyCode/lazy';
+import { LazyPrettyCode } from '../../../../dev/code/PrettyCode/lazy';
+import type { Language } from '../../../../dev/code/PrettyCode/lazy';
 import type { CodeBlock } from '../../../types/block';
 import type { BlockRendererProps } from './types';
 

package/src/tools/chat/messages/blocks/renderers/JsonBlock.tsx

@@ -7,6 +7,17 @@ import type { JsonBlock } from '../../../types/block';
 import type { BlockRendererProps } from './types';
 
 export default function JsonBlockRenderer({ block, ctx }: BlockRendererProps<JsonBlock>) {
+  // Compact appearance (block.mode === 'compact' or compact chat) → hide
+  // the toolbar, collapse depth, drop the card frame. Full appearance →
+  // hover-revealed toolbar + card.
   const mode = block.mode ?? (ctx.appearance === 'compact' ? 'compact' : 'full');
-  return <LazyJsonTree data={block.data} mode={mode} />;
+  const compact = mode !== 'full';
+  return (
+    <LazyJsonTree
+      data={block.data}
+      toolbar={compact ? 'never' : 'auto'}
+      bordered={!compact}
+      defaultExpandedDepth={compact ? 1 : 2}
+    />
+  );
 }

package/src/tools/data/DataGrid/lazy.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { createLazyComponent, LoadingFallback } from '../../../components/lazy-wrapper';
+import { createLazyComponent, LoadingFallback } from '../../../common/lazy-wrapper';
 import type { DataGridProps } from './types';
 
 export const LazyDataGrid = createLazyComponent<DataGridProps<unknown>>(

package/src/tools/data/DataTable/lazy.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { createLazyComponent, LoadingFallback } from '../../../components/lazy-wrapper';
+import { createLazyComponent, LoadingFallback } from '../../../common/lazy-wrapper';
 import type { DataTableProps } from './types';
 
 export const LazyDataTable = createLazyComponent<DataTableProps<unknown>>(